Réalisation: très facile
Connaissance: aucune

Changer les puces des listes dans les menus

Vous voulez personaliser vos listes et avoir autre chose que le standard ?

Rien de plus facile car, le saviez vous, on peut créer ses propres puces grâce aux feuilles de style

Créez d'abord une petite image  ( ) que vous appellerez li.gif par exemple

Téléchargez la dans le répertoire de votre skin

Ouvrez votre fichier style.css et modifiez ou insérez les classes suivantes:

ul.item li.item {
background-color : transparent;
padding : 2px 0px 2px 0px;
font-size : 10px;
font-family : Verdana, Helvetica, sans-serif;
color : #000000;
text-align : left;
/* list-style : none;  */
list-style-image : url(li.gif);   /* image de la puce */
margin-left:20px;  /* positionnement de la puce par rapport au bord gauche */
}



Pas plus compliqué que ça ...

Nota: Pensez à supprimer l'affichage des puces dans le menu configuration ...