Une image en tête d'article qui change au passage de la souris.

Publié le 5 mai 2009 par Coquelikosafrane

Un petit rappel pour Finou .

Ca vous intéresse de mettre une jolie petite image en tête de vos articles qui en plus peut être ou non changée lors du passage de la souris ??

.titreArticle{
...
background: url(adresse de votre icône ou clipart hébergé) no-repeat scroll top left ;
padding-left: 60px;
padding-bottom : 45px;
padding-top : 20px;
}
.titreArticle:hover {
background: url((adresse de votre icône ou clipart hébergé) ) no-repeat scroll top left ;
padding-left: 60px;
padding-bottom : 45px;
padding-top : 20px;
}

Par exemple :

.titreArticle{
...
background: url(http://serv1.upload4you.free.fr/2007/07/1183812531.gif) no-repeat scroll top left ;
padding-left: 60px;
padding-bottom : 45px;
padding-top : 20px;
}
.titreArticle:hover {
background: url(http://serv1.upload4you.free.fr/2007/07/1183812574.gif) no-repeat scroll top left ;
padding-left: 60px;
padding-bottom : 45px;
padding-top : 20px;
}