1 Menu suiveur automatique sous InVision 17/1/2010, 12:06
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 InVision, et en ne passant que par le CSS !
C'est pas beau la vie ?
Rendez-vous dans votre CSS, et collez y ceci :
/*Menu_Suiveur_InVision-------------------------------------------------SF*/
body { padding: 0px; margin: 0px; }
#submenu{ position: fixed; top: 0px; left: 0px; min-width: 100%; width: 100%; padding: 5px; z-index: 900;}
#submenu{ 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.
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 :
#submenu{ 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 validez !
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 impossible de passer outre.