Barre de navigation CSS

par alexisdepau Dim 26 Fév 2012 - 18:16

Bonsoir,

J'aimerais avoir une barre de navigation à peu près sur ce lien : http://themes-passion.forumactif.org/

Je modifierais moi-même les couleurs du fond et texte.

Je vous remercie.

Alexis

par Invité Dim 26 Fév 2012 - 19:00

Coucou,

met ce code dans ton CSS:

Code:: #i_logo{ margin-bottom: -15px; position: relative; }

par alexisdepau Dim 26 Fév 2012 - 19:17

Cela ne fait rien du tout.
Dois-je faire quelque chose avant ??

par Invité Dim 26 Fév 2012 - 19:23

Coucou, tu est avec quelle version ?

par alexisdepau Dim 26 Fév 2012 - 19:48

Je ne sais pas, c'est un copain à moi dont il est le fondateur et moi admin.
Or, je suis graphiste et comme j'aimerais faire un joli thème, j'ai besoin d'une barre de navigation.

par Invité Dim 26 Fév 2012 - 20:14

Dans votre Template:
Panneau d'administration > Affichage > Templates > Général > Overall header

Rechercher:

Code:: <table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}"> <tr> <td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td> </tr> </table>

Dans le code ci-dessus, Vous avez la balise,

Code:: {GENERATED_NAV_BAR}

Prenez cette balise et placer la juste après ce code qui ce trouve aussi dans votre Template:

Code:: <body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">

Maintenant le code où on n'a pris la balise:

Code:: <table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}"> <tr> <td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td> </tr> </table>

Retrouver ce code et effacer le de votre Template....

..............

Bon maintenant là ou vous avez placer la balise:

Code:: {GENERATED_NAV_BAR}

Pour la placer au centre enlever cette balise de la ù on l'a placer et remplacer la par ceci:

Code:: <div class="navig" align="{MENU_POSITION}">{GENERATED_NAV_BAR}</div>

Grâce à cette balise :

Code:: {MENU_POSITION}

Vous allez pouvoir dans votre Panneau d'administration changer vous même la position à l'endroit où l'on change la position du menu.

......

Toujours dans votre Template...

Repérer ce code:
Code:Sélectionner le contenu

Code:: <div id="pun-head"> <div id="pun-navlinks"> <ul class="clearfix"> <li>{GENERATED_NAV_BAR}</li> </ul> </div> </div>

Vous allez maintenant prendre ce code et le déplacer entre la balise et

Ce qui vous donnera:

Code:: <body><div id="pun-head"> <div id="pun-navlinks"> <ul class="clearfix"> <li>{GENERATED_NAV_BAR}</li> </ul> </div> </div>

En suite remplacer ce code par

Code:: <div id="pun-navlinks"><ul class="clearfix"> <center><div class="navig">{GENERATED_NAV_BAR}</div></center></ul></div>

_______________________

Maintenant aller dans votre CSS
Panneau d'administration > Affichage > Images et couleurs > Couleurs > Onglet Feuille CSS.

Mettez ce code:

Code:: .navig { position: absolute; top: 0px; width: 100%; }

par alexisdepau Dim 26 Fév 2012 - 20:38

Merci beaucoup Smile

Bonne soirée ^^

Barre de navigation CSS

Barre de navigation CSS

Re: Barre de navigation CSS

Re: Barre de navigation CSS

Re: Barre de navigation CSS

Re: Barre de navigation CSS

Re: Barre de navigation CSS

Re: Barre de navigation CSS