modification présentation graphique des onglets de la barre de navigation

[hifilosophic]

Détails techniques

Version du forum : ModernBB
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome, Internet Explorer
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : depuis le début
Lien du forum : (lien masqué, vous devez poster pour le voir)

Description du problème

Bonjour,
nouvel arrivant dans le monde merveilleux de la création de forum, j'ai besoin de votre aide et cela ne sera certainement pas la dernière fois...

Comme vous pouvez le voir sur l'image, lorsque je passe mon curseur, sur un onglet ici PROFIL, ce dernier change de couleur avec un cadre blanc tout autour.

C'est cette image que je souhaite avoir lorsque le curseur ne passe pas sur les onglets sans le contour blanc et avoir au passage de la souris l'image comme celle de MESSAGERIE lorsque l'on passe la souris sur l'onglet. Bref inverser le rendu.

Merci pour votre aide.

Je débute totalement, j'ai épluché en long en large le forum d'entraide, mais suis peut être passé à coté de la solution.

HIFILOSOPHIC

[MlleAlys]

Bonjour,

Première possibilité : inverser la couleur des images à l'aide d'un logiciel.

Deuxième possibilité : Ajouter un code dans le css pour le faire :
- Rendez-vous dans affichage > couleurs > onglet "feuille de style css"
- Ajoutez dans la zone de saisie le code suivant, le cas échéant après un retour à la ligne à la suite de ceux que vous y avez déjà mis :

Code:



/*apparence normale des images barre de nav*/
.navbar img {
  filter: invert(0%);
}

/*apparence inversée des images barre de nav au survol*/
.navbar a:hover img {
  filter: invert(100%);
}



[hifilosophic]

Bonjour MlleAlys,

Merci cela a parfaitement fonctionné.

HIFILOSOPHIC