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

2 participants

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

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

Ange Tuteur
****

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

https://fmdesign.forumotion.com
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 Mer 9 Sep 2015 - 17:59

Bonjour,

Merci beaucoup, cela fonctionne parfaitement !

Sujet résolu, encore merci !
yoyiecats

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

- Sujets similaires

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