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

2 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

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

Message par hifilosophic Sam 11 Avr 2020 - 8:44

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
hifilosophic

hifilosophic
Nouveau membre

Messages : 20
Inscrit(e) le : 10/04/2020

Voir le profil de l'utilisateur https://hi-fidelite.superforum.fr/
hifilosophic a été remercié(e) par l'auteur de ce sujet.

Résolu Re: modification présentation graphique des onglets de la barre de navigation

Message par MlleAlys Dim 12 Avr 2020 - 0:17

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%);
}

MlleAlys

MlleAlys
Membre actif

Messages : 5054
Inscrit(e) le : 12/09/2012

Voir le profil de l'utilisateur http://mllealys2.forumactif.org/
MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: modification présentation graphique des onglets de la barre de navigation

Message par hifilosophic Dim 12 Avr 2020 - 16:28

Bonjour MlleAlys,

Merci cela a parfaitement fonctionné.

HIFILOSOPHIC
hifilosophic

hifilosophic
Nouveau membre

Messages : 20
Inscrit(e) le : 10/04/2020

Voir le profil de l'utilisateur https://hi-fidelite.superforum.fr/
hifilosophic a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum