Changer la couleur du lien quand on passe dessus

[Oz-Chan]

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : https://nova-aurora.forumactif.com/

Description du problème

Bonsoir,

J'aimerai que la couleur du texte de ma barre change quand je passe dessus. J'ai bien mis le code couleur et un !important, mais il me résiste encore.... Voici le CSS

Code:

#navSIT {
position:fixed; z-index:5; left:0; top:0;
width:100%; height:50px;
background:#03152b; /* MODIFIABLE */
}
.navSIT {
position:absolute; top:15px; right:15px;
}
.mainmenu img {
display:none;
}
/* BORDURE AVATAR */
.avaSIT {
position:absolute; z-index:5; left:15px;
width:75px; height:75px; border-radius:75px; overflow:hidden; border:10px solid;
border-color:#000d1c; /* MODIFIABLE */
}
/* IMAGE AVATAR */
.avaSIT img{
width:75px;
}
/* MESSAGE DE BIENVENUE */
.welcSIT {
position:absolute; left:130px; top:20px;
font-size:12px; font-family:'Roboto'; /* MODIFIABLE */
color:#f5feff; /* MODIFIABLE */
}
/* BIENVENUE */
.welcSIT::before {
float:left; margin-right:5px;
content:'Bienvenue'; /* MODIFIABLE */
}
/* LIENS NAVIGATION */
#navSIT a{
display:inline-block; vertical-align:middle;
text-align:center;
text-transform:uppercase; font-size:12px; font-family:Arial; /* MODIFIABLE */
color:#f5feff; /* MODIFIABLE */
transition:all .65s linear; -webkit-transition:all .65s linear;
}
/* SURVOL LIEN NAVIGATION */
#navSIT a:hover{
color: #f7f9ff!important;
}
/* DECONNEXION */
a#logout.mainmenu {
font-size:0px;
}
a#logout.mainmenu::after {
display:inline-block; vertical-align:middle; font-family:'Roboto';
font-size:12px !important; content:'Déconnexion'; /* MODIFIABLE */
}
/* MENU RECHERCHE */
#search_menu {
top:45px !important; left:5% !important;
}
/* COULEUR FOND MENU RECHERCHE */
#search_menu td.row2 {
background:lightgrey !important; font-family:'Roboto'; /* MODIFIABLE */
}
/* COULEUR TEXTE MENU RECHERCHE */
#search_menu td.row2 span.genmed {
color:black !important; /* MODIFIABLE */
}
/* TITRE MENU RECHERCHE */
#search_menu th.thHead {
text-transform:uppercase; font-family:'Roboto'; /* MODIFIABLE */
background:black; color:#f5feff; /* MODIFIABLE */
}
/* BARRE MENU RECHERCHE */
#search_menu input.post {
height:23px !important; border:none !important;
font-family:'Roboto';
background:#f5feff; color:black; /* MODIFIABLE */
}
/* BOUTON MENU RECHERCHE */
#search_menu input.button {
height:25px; border:none !important; text-transform:uppercase; font-family:'Roboto';
background:black; color:#f5feff; !important; /* MODIFIABLE */
}
/* RECHERCHE AVANCEE */
#search_menu a{
display:block; margin-bottom:5px; width:235px; font-family:'Roboto';
background:none !important; border:none !important;
text-transform:uppercase; font-weight:bold; color:black !important; /* MODIFIABLE */
}

Merci !

[Milouze14]

Hello Oz-Chan,

alors le conteneur des liens de la barre de navigation à cette class:

Code:

navSIT

Tu utilises un identifiant ici:

Code:


/* LIENS NAVIGATION */
#navSIT a{
display:inline-block; vertical-align:middle;
text-align:center;
text-transform:uppercase; font-size:12px; font-family:Arial; /* MODIFIABLE */
color:#f5feff; /* MODIFIABLE */
transition:all .65s linear; -webkit-transition:all .65s linear;
}
/* SURVOL LIEN NAVIGATION */
#navSIT a:hover{
color: #f7f9ff!important;
}



Tout devrait rentrer dans l'ordre en modifiant ainsi:

Code:


/* LIENS NAVIGATION */
.navSIT a{
display:inline-block; vertical-align:middle;
text-align:center;
text-transform:uppercase; font-size:12px; font-family:Arial; /* MODIFIABLE */
color:#f5feff; /* MODIFIABLE */
transition:all .65s linear; -webkit-transition:all .65s linear;
}
/* SURVOL LIEN NAVIGATION */
.navSIT a:hover{
color: #f7f9ff!important;
}

a++

[Oz-Chan]

Bonjour,

Oh c'était donc ça ! Ca marche niquel maintenant, merci beaucoup !