Menu vertical non déroulant

[Liandrile]

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 ?

[MlleAlys]

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 ^^

[Liandrile]

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

[MlleAlys]

de rien ^^