Pour ajouter une image (ici une flèche) à gauche des items du menu, placer l'image choisie dans le répertoire kit1/images/ puis ajouter dans la partie 6 de la feuille de style, sous le bloc de déclaration de #sidebar li { }, les lignes suivantes :

#sidebar li a {
      padding-left : 10px;
      background : transparent url(images/fleche.png) no-repeat 0 0.5em;
      }
#sidebar li a:hover {
      background : transparent url(images/fleche2.png) no-repeat 0 0.5em;
      }

Capture d'écran (sur cette image, le lien Personnalisations montre l'effet au survol)

liste a puces

Le premier bloc de déclaration concerne les liens des listes dans leur ensemble, le deuxième ne concerne ces liens que lors du survol (a:hover) avec un changement d'image. Si vous ne souhaitez pas modifier l'image lors du survol du lien, vous n'avez pas besoin d'insérer ce deuxième bloc.

Le placement vertical à 0.5em permet que la flèche soit positionnée au milieu de la hauteur de ligne.

Le padding-left laisse la place à l'image, adaptez-le en fonction de la vôtre.

(Images fleche.png et fleche2.png disponibles dans le répertoire zegoodies.)

On peut varier la présentation des listes en appliquant des règles différentes selon les blocs du sidebar en remplaçant dans l'exemple ci-dessus sidebar par l'identifiant du (des) bloc(s) de son choix.