Icone / image personnalisé de la barre de navigation

[Feyy]

Détails techniques

Version du forum : ModernBB
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://balademoto66v2.forumactif.org/

Description du problème

Bonjour, sur mon forum de test, j'ai tenté de changer les images de la barre de navigation par une image faites par mes soins dont le fond est transparent : l'image en question.
Malheureusement celà ne s'affiche pas comme je voudrais. Une couleur bleu et blanche recouvre cette image :

Et lorsque je passe la souris dessus, la couleur de l'image est bonne mais avec un fond blanc :

Je me doute que ça doit être une modif de css à faire mais je ne trouve pas malgré les diverses recherches faites ici.
Merci d'avance pour le coup de main.

[Faline]

Quand on regarde les autres boutons (que tu n'as pas encore changés), ils ont tous le même comportement, mais ça se voit moins, parce qu'ils sont plus petits et ont des marges plus discrètes. C'est un effet qui change l'image au passage de la souris. As-tu dans ton CSS le code

hover

qui se présente comme

Code:

#navig img
{
  ...
}
#navig img:hover
{
  ...
}


(ou éventuellement le couple onmouseover/onmouseout, que je ne le connais pas tellement) ?
Le bouton orange a aussi un petit problème d'orthographe.

[◦Jay◦]

Bonjour,

Vous pouvez ajouter ces codes à votre CSS :

Code:

.navbar img{filter:invert(0);}
.navbar a:hover{background-color:transparent;}

Bien à vous.

[Feyy]

Merci pour vos réponses.

Concernant l’orthographe, bien vu ! J'ai tellement galéré sur toshop que j'ai pas fait attention lol

Problème résolu, j'ai utilisé les codes proposés par Jay pour remplacer ceux existant et tout marche pour le mieux.

Merci encore et bonne journée.