Code CSS pour le navigateur

[MelissaD]

Bonjour à tous,

voilà, j'aimerai avoir une barre de navigation comme celle-ci : http://graph-style.forumn.biz

J'ai fouillé partout sur google après du css et sur forumactif, mais je n'ai trouvé nul part des codes pour le navigateur...Pourriez-vous m'aider svp ??

Cordialement,
MélissaD

[Wirekey]

ce n'est qu'un barre de nav en css ... :

regarde de ce coté la:

la classe du css a modifer est mainmenu avec :

Pour les arrondie :

Code:

-moz-border-radius:0px 0px 0px 5px;
border-radius: 0px 0px 0px 5px;
khtml-border-radius  0px 0px 0px 5px;


pour les bordure :

Code:

bordure-left: 2 px static #000;
bordure-right: 1 px dotted #000;

Après ya une background-image qui y joue pour pas mal.

Si j'ai le temps je te le coderais entièrement.

[MelissaD]

Ok, merci, parce que moi je suis nule en codes, faut que je lises des tuto' de codes...

[Wirekey]

Allez on attaque :

Code:

a.mainmenu {
border-bottom: 1px solid #000; /*bordure en bas 1 px solid (un trait quoi ... xD)*/
border-right: 1px dotted #000; /*bordure droite en pointillet*/
border-left: 3px solid #000; /*bordure gauche en trait*/
border-top: 1px solid #FFF; /*hum bordure classique comme dab .. en bas*/
text-align: center; /*Normalement c'est centré par défaut  nn ?*/
padding: 2px; /*On fait place autour du texte*/
padding-right: 5px; /*On fait place à droite ...*/
padding-left: 5px; /*On fait place a gauche du texte (faut que ca respire ^^)*/
-moz-border-radius: 0px 0px 0px 10px ; /*Bord arrondie pour FF*/
-webkit-border-radius: 0px 0px 0px 10px ; /*Bord arrondie pour chrome*/
khtml-border-radius  0px 0px 0px 10px; /*Bord arrondie pour je sais plus qui ... safari ptt*/
background-image: url('tonImageDeFond'); /*Une image de fond ...*/
background-color: #036458; /*Ou une couleur de fond*/
}
 

PS tu aura ptt un problème avec les images "vide" ca va décaller le centrage dans ce cas un coup de css pour les fair sauter :

Code:


#i_icon_mini_index{display: none;}
#i_icon_mini_calendar{display: none;}
#i_icon_mini_faq{display: none;}
#i_icon_mini_search{display: none;}
#i_icon_mini_members{display: none;}
#i_icon_mini_groups{display: none;}
#i_icon_mini_profile{display: none;}
#i_icon_mini_message{display: none;}
#i_icon_mini_logout{display: none;}


[MelissaD]

Merci c'est super comme ça ! Merci beaucoup.