1 Templates : Menu suiveur automatique en phpbb2/SF-BB 14/11/2009, 00:09
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 pour les possesseurs de forums en phpbb2, et également pour les adeptes du SF-BB (bien ça !).
Notez qu'il faut donc être fondateur du forum.
EN PHPBB2 :
Ouvrez votre template "overall_header_new", et remplacez :
- Code:
<td align="{MENU_POSITION}"{MENU_NOWRAP}>
- Code:
<td class="navbarfly" align="{MENU_POSITION}"{MENU_NOWRAP}>
EN SF-BB :
Ouvrez votre template "overall_header_new", et remplacez :
- Code:
<div class="backcorner2"><div class="upperleft2"><div class="upperright2"><div class="lowerleft2"><div class="lowerright2"><table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
<tr>
<td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
</tr>
</table></div></div></div></div></div>
- Code:
<div class="navbarfly"><table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
<tr>
<td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
</tr>
</table></div>
Rendez-vous maintenant dans votre CSS, et collez y ceci (en complétant) :
/*Menu_Suiveur_phpbb2-------------------------------------------------SF*/
body { padding: 0px; margin: 0px; }
.navbarfly { position: fixed; top: 0px; left: 0px; min-width: 100%; width: 100%; padding: 5px; }
.bodylinewidth, .sfbbwidth { margin-top: 50px; }
.navbarfly { 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 :
.navbarfly { background-color : #ffffff;
background-image: url('https://i.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 être constituée uniquement 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 28/11/2009, 14:16, édité 2 fois