"Menuactif" - pour forums en phpbb3

[Fiu]

Pour les amateurs de designs épurés, je mets à contribution ce menu pour la communauté.
Rien de bien sorcier, ce n'est pas un menu en soit, c'est juste un travail sur les propriétés CSS.

Exemple : Voir en ligne

Deux restrictions tout de même : utiliser la version phpbb 3, et éditer sa feuille de style personnalisée.

Vous obtiendrez le résultat escompté en 4 étapes :

1. Panneau d'administration > Thèmes > Entête > Afficher seulement des images dans la barre des liens > NON

2. Panneau d'administration > Thèmes > Gestion rapide des images > collez une image vide (code ci-dessous) dans Index, FAQ, Rechercher, Membres, Groupes, Editer votre profil, Messages privés, Nouveaux messages privés, S'enregistrer, Connexion, Déconnexion, Portail (si activé), Calendrier (si activé)

Code:

http://illiweb.com/fa/empty.gif

3. Panneau d'administration > Thèmes > Couleurs > éditez votre feuille de style et collez ce morceau de CSS (par exemple en dessous des propriétés .navbar, juste avant celles .search-box :

Code:

/*---------------- début menuactif ----------------*/
#page-header .navbar {
clear: both;
background-color: #eee;
padding: 0px 10px;
}
#page-header ul.navlinks {
padding: 0;
margin: 0;
background-color: #40b9c7;
border: none;
}
#page-header ul.linklist li {
float: left;
margin: 0;
padding: 0;
list-style-type: none;
font-size: 10px;
display: inline;
}
#page-header ul.linklist li a {
margin: 0;
padding: 0px 5px;
display: block;
font-weight: bold;
width: auto;
height: auto;
color: #b8f8ff;
}
#page-header ul.linklist li a:hover, a:focus, a:active {
background-color: #b8f8ff;
color: #40b9c7;
}
/*---------------- fin menuactif ----------------*/

Si vous avez des questions...