Barre de navigation, couleur arrière plan, et encadrement

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

Résolu Barre de navigation, couleur arrière plan, et encadrement

Message par So-Mush le Ven 20 Mai - 19:02

Bonjour,

J'ai réalisé une barre de navigation avec ma feuille de style css, voilà d'ailleurs mon code:
Code:
.mainmenu{
height: 0px;
      background-color: #1A0F0F;
      border: 1px solid white;
      -moz-border-radius-topleft: 20px;
      -moz-border-radius-topright: 20px;
      -webkit-border-top-right-radius: 20px;
      -webkit-border-top-left-radius: 20px;
      border-top-right-radius: 0px;
      border-top-left-radius: 0px;
      border-bottom-right-radius: 10px;
      border-bottom-left-radius: 10px;
      padding: 3px;
      font-family: Verdana,Arial;
    }

Mais j'aimerais savoir comment faire pour que la couleur de l'arrière plan du bouton sur lequel on passe le curseur change?

Je vous remercie d'avance Mr. Green


Edit Modération: Sujet déplacé dans gérer l'apparence


Dernière édition par Freak-M le Ven 20 Mai - 21:16, édité 3 fois
avatar

So-Mush
****

Féminin
Messages : 332
Inscrit(e) le : 09/01/2010

http://freak-muse.forumactif.com/
So-Mush a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Barre de navigation, couleur arrière plan, et encadrement

Message par SoraNoHime le Ven 20 Mai - 19:10

Bonjour,

Insérez ceci dans votre css en changeant la partie en rouge

.mainmenu:hover {
height: 0px;
background-color: #1A0F0F à changer;
border: 1px solid white;
-moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-webkit-border-top-left-radius: 20px;
border-top-right-radius: 0px;
border-top-left-radius: 0px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
padding: 3px;
font-family: Verdana,Arial;
}

Cordialement.
avatar

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Barre de navigation, couleur arrière plan, et encadrement

Message par So-Mush le Ven 20 Mai - 19:30

Ça marche c'est impeccable merci Very Happy
J'ai une autre question... (oui j'aurais du la poser avant mais je n'y avais pas encore pensé Embarassed )

Voilà actuellement ma barre de navigation, vous remarquerez que les mots sont complètement collés aux bordures:


J'aimerais savoir s'il y a un moyen d'espacer un peu les mots des bordures comme il a été fais sur cette barre de navigation:


avatar

So-Mush
****

Féminin
Messages : 332
Inscrit(e) le : 09/01/2010

http://freak-muse.forumactif.com/
So-Mush a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Barre de navigation, couleur arrière plan, et encadrement

Message par SoraNoHime le Ven 20 Mai - 20:26

Dans les deux codes ci-dessus vous pouvez voir

padding : 3px

Changez ce chiffre par exemple par 15 pour pouvoir faire un espace plu grand.

Ajustez ensuite à votre gout. Cordialement
avatar

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Barre de navigation, couleur arrière plan, et encadrement

Message par So-Mush le Ven 20 Mai - 20:30

Parfaitement parfait ! Very Happy
Merci beaucoup !!
avatar

So-Mush
****

Féminin
Messages : 332
Inscrit(e) le : 09/01/2010

http://freak-muse.forumactif.com/
So-Mush 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