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

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


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:



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

Parfaitement parfait ! Very Happy
Merci beaucoup !!

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