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

2 participants

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 Ven 20 Mai 2011 - 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 2011 - 21:16, édité 3 fois
So-Mush

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 Ven 20 Mai 2011 - 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.
SoraNoHime

SoraNoHime
Membre actif

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

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 Ven 20 Mai 2011 - 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:
Barre de navigation, couleur arrière plan, et encadrement Bns10

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:
Barre de navigation, couleur arrière plan, et encadrement Bns210

So-Mush

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 Ven 20 Mai 2011 - 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
SoraNoHime

SoraNoHime
Membre actif

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

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 Ven 20 Mai 2011 - 20:30

Parfaitement parfait ! Very Happy
Merci beaucoup !!
So-Mush

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

- Sujets similaires

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