Lien survolé barre de navigation impossible à changer (CSS/HTML)

[yoyiecats]

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 : http://sword-light.forums-rpg.com/

Description du problème

Bonjour,

J'aimerai que les boutons/liens de la barre de navigation change lorsqu'on les survols (mais différemment que les paramètres défini pour tous les liens).
Par exemple, que la police d'écriture s'agrandissent.

Récemment, j'ai superposé ma barre de navigation à la toolbar voici les codes qui m'ont permis de le réaliser :

Code:

<table id="nav_bar_1" cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
              <tr>
                  <td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
              </tr>
            </table>

Code:

        #nav_bar_1{
          left:25%; /*position du menu par rapport a la gauche*/
       right: 25%;
       font-size: 22px;
          position:fixed;
          top:10px !important; /*ont remonte le menu de 25px*/
          z-index:20003 !important; /*ont le fait passé par dessus la toolbar*/
            }
   

        /**===ont rend la toolbar blue===**/
        #fa_toolbar {
            left: 0px; /*position de la toolbar par rapport au coté gauche*/
            height:50px !important; /*epaisseur de la toolbar*/
            background-color: #FFFFFF !important; /*couleur de la toolbar*/
         opacity: 0.4;
  -moz-opacity:0.4;
  -o-opacity:0.4;
  -webkit-opacity: 0.4;
  transition:all 1s ease;
            }
   #fa_toolbar:hover{
 opacity: 1.0;
  -moz-opacity:1.0;
  -o-opacity:1.0;
  -webkit-opacity: 1.0;
}
   
     

Pour plus de précision, il s'agit de ce sujet résolu qui m'as permit de faire ceci : Lien

J'ai beau essayer différents code en changeant l'HTML ou le CSS, mais je ne parvient pas à mon but.

Merci d'avance pour votre aide !

[Ange Tuteur]

Bonsoir yoyiecats,

Utiliser le code CSS suivant :

Code:

#nav_bar_1 a.mainmenu:hover {
  color:#69F;
  font-size:18px;
}

Si cela ne fonctionne pas ajouter "!important" :

Code:

#nav_bar_1 a.mainmenu:hover {
  color:#69F !important;
  font-size:18px !important;
}

[yoyiecats]

Bonjour,

Merci beaucoup, cela fonctionne parfaitement !

Sujet résolu, encore merci !