Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

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 - 20: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 Jeu 5 Aoû 2010 - 23:37, édité 1 fois
avatar

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 Jeu 5 Aoû 2010 - 22: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 Jeu 5 Aoû 2010 - 22:58

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

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 Jeu 5 Aoû 2010 - 23: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 Jeu 5 Aoû 2010 - 23:37

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

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