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 ...