"Menuactif" - pour forums en phpbb3

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

  • 0

Astuce "Menuactif" - pour forums en phpbb3

Message par Fiu le Jeu 25 Oct 2007 - 16:20

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... Wink

Fiu
***

Masculin
Messages : 148
Inscrit(e) le : 02/04/2006

http://forum.forumactif.com
Fiu 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