1
CSS : Menu suiveur automatique en phpbb3 le 12/11/2009, 21:38
| Ce tutoriel a été publié par ze_chaofan sur SOS-Forum. Afin que les tutoriels de SOS-Forum restent en libre accès, ainsi que par respect du travail accompli, tout tutoriel copié ou s'en inspirant publié ailleurs qu'ici, devra en citer le ou les auteurs ainsi que la provenance via un lien vers ce sujet sur le SOS-Forum. |
Hello...
Voici comment faire un menu suiveur du même type que celui de SOS-Forum... mais sous phpbb3, et en ne passant que par le CSS !
C'est pas beau la vie ?
Alors donc, rendez-vous dans votre CSS, et collez y ceci :
/*Menu_Suiveur_phpbb3-------------------------------------------------SF*/
body { padding: 0px; margin: 0px; }
.navbar { background-color: transparent; margin: 0px; padding: 0px; }
.navbar ul{border-bottom:none;}
ul.navlinks { position: fixed; top: 0px; left: 0px; min-width: 100%; width: 100%; padding: 5px; }
#wrap { margin-top: 50px; }
ul.navlinks { z-index: 900;}
ul.navlinks { background-color : #ffffff;
border-bottom: 1px solid #afbec7;}
La valeur en vert permet d'augmenter l'écart entre les liens et les limites de cette barre de navigation flottante.
La valeur en orange permet de descendre le cadre du forum. Augmentez la pour faire descendre votre forum (il faut donc l'augmenter en fonction de la taille de votre barre de navigation).
Ensuite vient la partie en Italique :
Cette partie permet de donner l'apparence à votre barre... Ici, cela tient du rudimentaire, avec simplement en violet la couleur de fond, et en rouge la couleur de la bordure inférieure.
A vous de vous montrer créatifs, par exemple, pour obtenir la même barre que sur SOS-Forum :
ul.navlinks { background-color : #ffffff;
background-image: url('http://i84.servimg.com/u/f84/11/44/03/73/bg_con10.gif');
background-repeat: repeat-x;
background-position: bottom left;
border-bottom: 1px solid #afbec7;}
Et voilà !
Concernant cette barre, notez qu'elle est donc automatique, et que les réglages, comme l'alignement des menus ou encore la couleur des liens se fait de manière classique. Votre barre de navigation peut également n'être constituée que d'images.
Notez cependant que sous certains navigateurs, il est possible que lorsque vous descendez le long de la page, les publicités passent "par dessus" ce menu... Pas très gênant, même si pas très esthétique non plus, mais voilà, pas possible de faire autrement.
J'espère que cela vous intéressera quand même.
Dernière édition par ze_chaofan le 7/1/2010, 08:48, édité 1 fois
