Barre de navigation CSS

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

Résolu Barre de navigation CSS

Message par alexisdepau le 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


Dernière édition par alexisdepau le Dim 26 Fév 2012 - 20:39, édité 1 fois

alexisdepau
*

Masculin
Messages : 37
Inscrit(e) le : 15/07/2009

http://lecoindesfloods.forumactif.com/index.htm
alexisdepau a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Barre de navigation CSS

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

Coucou,

met ce code dans ton CSS:
Code:
#i_logo{
margin-bottom: -15px;
position: relative;
}

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Barre de navigation CSS

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

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

alexisdepau
*

Masculin
Messages : 37
Inscrit(e) le : 15/07/2009

http://lecoindesfloods.forumactif.com/index.htm
alexisdepau a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Barre de navigation CSS

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

Coucou, tu est avec quelle version ?

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Barre de navigation CSS

Message par alexisdepau le 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.


Dernière édition par alexisdepau le Dim 26 Fév 2012 - 20:38, édité 1 fois

alexisdepau
*

Masculin
Messages : 37
Inscrit(e) le : 15/07/2009

http://lecoindesfloods.forumactif.com/index.htm
alexisdepau a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Barre de navigation CSS

Message par Invité le 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>
  <!-- BEGIN hitskin_preview -->




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

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Barre de navigation CSS

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

Merci beaucoup Smile

Bonne soirée ^^

alexisdepau
*

Masculin
Messages : 37
Inscrit(e) le : 15/07/2009

http://lecoindesfloods.forumactif.com/index.htm
alexisdepau 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