Coucou
Voici comment faire navigation verticale pour phpbb2
Panneau d'administration ► Affichage ► Modèles ► Général overall_header .
Recherchez cette partie du modèle, qui contient la variable {GENERATED_NAV_BAR} :
- Code:
-
<table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}"> <tr> <td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td> </tr> </table>
Et le remplacer par: - Code:
-
<div class="vertical_nav">{GENERATED_NAV_BAR}</div>
Modifier la feuille de style CSS:
- Code:
-
div.vertical_nav {
position:absolute;
top:50px;
left:5%;
}
Ajoutez le code suivant à votre feuille: - Code:
-
div.vertical_nav a.mainmenu {
display:list-item;
list-style:none;
}
Explicationdisplay: item de liste; nous permet de voir les liens dans la barre de navigation sous forme de liste de haut en bas
style de liste: aucun; permet de supprimer le style initialement assigné aux listes (les puces: •)
Si vous voulez ajouter une bordure à votre navigation comme dans la démonstration ci-dessus, ajoutez simplement le style de l'élément div.vertical_nav :
- Code:
-
div.vertical_nav {
background:#FFFFFF;
border:1px solid #D0D0D0;
}
Explicationarrière-plan: #FFFFFF; nous permet de colorer l'arrière-plan du bloc blanc
bordure: 1px solide # D0D0D0; nous permet d'ajouter une bordure grise solide de 1px