[RÉGLÉ] Icone devant texte du menu (hover)

[databene]

Bonjour,
j'aimerais faire apparaitre cette icône (je l'ai aussi en .png), devant les items de menu quand on les survole avec la souris. Je vois où écrire le code dans le css du template par contre je ne réussis pas à écrire quelque chose qui fonctionne...
Merci beaucoup pour votre aide
Ah j'oubliais : le site c'est www.giveitaway.fr

[lomart]

Re : Icone devant texte du menu (hover)

Bonsoir,

Il faut ajouter dans ton css


ul.menu li:hover {
background: #000 url("/media/system/images/edit.png") no-repeat 0 5px;
}

Il faut bien entendu mettre ton image soit en chemin absolu comme mon exemple ou relatif par rapport à l"emplacement du fichier CSS.
Les 0 5px permettent de positionner l'image

[databene]

Re : Icone devant texte du menu (hover)

Un grand merci de m'aider, j'ai copié le code dans le css du template, il se passe bien quelque chose de nouveau mais pas l'effet escompté : ça me rajoute une petite barre rouge à droite du menu et pas hélas le gif à gauche du titre...

[lomart]

Re : Icone devant texte du menu (hover)

La pièce jointe n'est pas visible. Il est nécessaire d'être en mode avancé (le bouton au-dessous de la zone de saisie) pour que les images soient visibles pour tout le monde.

Tu peux déjà essayer avec mon code qui affiche une icone réelle de Joomal pour vérifier que le code fonctionne. Ensuite, tu mettras ton image

[lomart]

Re : Icone devant texte du menu (hover)

Ton icone fait 510x511px, tu n'as pas l'impression qu'elle est un peu grande pour une zone de 30px de haut.
Le trait que tu vois, c'est un morceau de ton image

[databene]

Re : Icone devant texte du menu (hover)

J'ai essayé avec l'icone joomla, ça marche au top!
Mille mercis
Il me reste à réduire au même format mon image et peut-être la mettre au format .ico j'imagine

[databene]

Re : Icone devant texte du menu (hover)

.gif renommé en .ico et ça fonctionne! Heureux je suis, encore merci!