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

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

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

Message par yoyiecats le Mer 9 Sep 2015 - 17:25

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 !


Dernière édition par yoyiecats le Mer 9 Sep 2015 - 18:00, édité 1 fois

yoyiecats
**

Féminin
Messages : 51
Inscrit(e) le : 30/04/2011

http://sword-light.forums-rpg.com/
yoyiecats a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Lien survolé barre de navigation impossible à changer (CSS/HTML)

Message par Ange Tuteur le Mer 9 Sep 2015 - 17:55

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

Ange Tuteur
****

Masculin
Messages : 476
Inscrit(e) le : 16/11/2013

https://github.com/SethClydesdale
Ange Tuteur a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Lien survolé barre de navigation impossible à changer (CSS/HTML)

Message par yoyiecats le Mer 9 Sep 2015 - 17:59

Bonjour,

Merci beaucoup, cela fonctionne parfaitement !

Sujet résolu, encore merci !

yoyiecats
**

Féminin
Messages : 51
Inscrit(e) le : 30/04/2011

http://sword-light.forums-rpg.com/
yoyiecats a été remercié(e) par l'auteur de ce sujet.

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


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