Code CSS pour le navigateur

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

Résolu Code CSS pour le navigateur

Message par MelissaD le Jeu 5 Aoû 2010 - 22:28

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


Dernière édition par MelissaD le Ven 6 Aoû 2010 - 1:37, édité 1 fois

MelissaD
****

Féminin
Messages : 222
Inscrit(e) le : 15/11/2009

http://graphalasea.forums-actifs.com/
MelissaD a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code CSS pour le navigateur

Message par Wirekey le Ven 6 Aoû 2010 - 0:55

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.

Wirekey
***

Messages : 152
Inscrit(e) le : 27/04/2010

http://www.geykho.com/
Wirekey a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code CSS pour le navigateur

Message par MelissaD le Ven 6 Aoû 2010 - 0:58

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

MelissaD
****

Féminin
Messages : 222
Inscrit(e) le : 15/11/2009

http://graphalasea.forums-actifs.com/
MelissaD a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code CSS pour le navigateur

Message par Wirekey le Ven 6 Aoû 2010 - 1:23

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

Wirekey
***

Messages : 152
Inscrit(e) le : 27/04/2010

http://www.geykho.com/
Wirekey a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code CSS pour le navigateur

Message par MelissaD le Ven 6 Aoû 2010 - 1:37

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

MelissaD
****

Féminin
Messages : 222
Inscrit(e) le : 15/11/2009

http://graphalasea.forums-actifs.com/
MelissaD 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