Menu vertical non déroulant

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

Résolu Menu vertical non déroulant

Message par Liandrile le Dim 28 Juil 2013 - 16:02

Bonjour, je viens vers vous car j'aimerais mettre ce menu

Spoiler:

De façon vertical et le placer en haut en gauche ou droite.
J'ai essayé de chercher un tutoriel, mais je ne suis arrivé qu'a trouvé pour des menu déroulant, hors je n'ai pas envie qu'il soit déroulant. je veux juste qu'il soit vertical. Quelqu'un aurait-il une idée ?


Dernière édition par Liandrile le Dim 28 Juil 2013 - 21:32, édité 1 fois

Liandrile
Nouveau membre

Féminin
Messages : 17
Inscrit(e) le : 28/07/2013

http://khalindya.forumactif.org/
Liandrile a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Menu vertical non déroulant

Message par MlleAlys le Dim 28 Juil 2013 - 18:35

Une solution serait d'ajouter un id à la barre de navigation de façon à ensuite lui appliquer facilement les propriétés via css :
Dans le panneau d'administration > affichage > templates > général, éditer le template "overall_header".
Chercher ce passage (pas loin après bodyline) :
Code:
<table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
   <tr>
      <td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
   </tr>
</table>
Il correspond à la barre de navigation.

Puis ajouter un identifiant à la table, par exemple "barre-navigation" xD , comme ceci :
Code:
<table id="barre-navigation" cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
   <tr>
      <td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
   </tr>
</table>

Il suffit alors d'ajouter dans le css :
Code:
#barre-navigation {
  position: fixed;
  top: 0px; /*écart avec le bord haut de l'écran*/
  left: 0px; /*écart avec le bord gauche de l'écran*/
  width: 100px; /*largeur du menu*/
}

position: fixed; permet de garder le menu fixe par rapport à l'écran, même quand on fait défiler le forum (comme la barre de notifications ici ^^), si tu la retire le menu restera toujours tout en haut du forum.
Diminuer la largeur permet de forcer les liens à se mettre en dessous les uns des autres, j'ai mis 100px au hasard mais ça devrait fonctionner, sinon tu peux modifier la valeur ^^


Dernière édition par MlleAlys le Dim 28 Juil 2013 - 21:38, édité 1 fois

MlleAlys
+ Hyperactif +

Messages : 4340
Inscrit(e) le : 12/09/2012

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

Résolu Re: Menu vertical non déroulant

Message par Liandrile le Dim 28 Juil 2013 - 21:32

Merci énormément franchement, tu me sauve la vie ^^ ça marche impeccable

Liandrile
Nouveau membre

Féminin
Messages : 17
Inscrit(e) le : 28/07/2013

http://khalindya.forumactif.org/
Liandrile a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Menu vertical non déroulant

Message par MlleAlys le Dim 28 Juil 2013 - 21:35

de rien ^^

MlleAlys
+ Hyperactif +

Messages : 4340
Inscrit(e) le : 12/09/2012

MlleAlys 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