24 août 2008
7
24
/08
/août
/2008
00:57
Pour pouvoir disinguer les catégories en français des catégories en anglais, je voulais créer une ligne de séparation
Création de l'image :
J'estime la hauteur entre le bas du module et cette ligne à 40px et je créé une image avec fond transparent d'une hauteur de 40px sur 400px de large (plus large que le module). Je place la ligne tout en haut de cette image.
Dans le CSS :
Je place cette image dans cette ligne (à créer si elle n'existe pas encore)
.categorie .box-content {background-image:url(http://nsm01.casimages.com/img/2008/01/26//08012608163962651646307.gif) ;background-position:bottom;background-repeat:no-repeat;}
Ce n'est pas bien difficile à réaliser, il faut juste bien estimer la hauteur de l'image pour qu'elle se place bien sans empiéter sur les liens