Magazine Insolite

Un fond différent dans les articles en page d'accueil

Publié le 17 décembre 2008 par Cali
Parce qu'on aimerait parfois que notre dernier billet soit mis en valeur (Tu as remarqué comme je dis ça avec tact ? J'aurais tout aussi bien pu dire que tu veux qu'il ressorte un peu du bordel qu'il y a sur ton blog pour être enfin visible ! Un fond différent dans les articles en page d'accueil ), je vais vous donner un p'tit truc : on peut personnaliser sa page d'accueil via le CSS pour attribuer un fond différent aux articles qui s'y trouvent.

Tu vois le fond bleu nuit avec les petits bonhommes de neige sur le premier article présent sur ma page d'accueil (celui-ci en l'occurence puisque c'est ma publication du jour et donc la toute dernière en date) ?
* Capture d'écran pour les futures consultations de ce tutoriel ===>
clic
J'ai obtenu cet effet en rajoutant la classe suivante dans mon CSS :

#article1 {}


Classe sur laquelle j'ai joué :
- pour insérer un fond différent des autres articles
.

#article1 {background-color: #011933; background-image: url(http://sd-1.archive-host.com/membres/images/2135288952/wall-noel3.jpg);background-position: bottom center;background-repeat: no-repeat;color: #C9D0D9;}


- pour modifier (dans l'ordre) la couleur de la date, du titre et des liens pour qu'ils soient plus visibles sur ce fond plus foncé que le reste du bloc articles. Cette partie est tout à fait accessoire si sur le fond choisi les couleurs de police sont lisibles.

#article1 .date {color: #C9D0D9;}
#article1 .titreArticle
{color: #FFF;}
#article1 .contenuArticle a
{text-decoration:none; font-size:100%;color: #FFF;}


¤¤¤

Il suffit de changer le numéro pour influer sur un autre article. Ainsi #article2 vous permettra de personnaliser le second billet présent sur la page d'accueil, #article3 le troisième, etc ...

Retour à La Une de Logo Paperblog

A propos de l’auteur


Cali 37 partages Voir son profil
Voir son blog

l'auteur n'a pas encore renseigné son compte l'auteur n'a pas encore renseigné son compte

Magazine