BlogTuto

Tuto pour blog et assistance blogueur. Dépannage des blogueurs, passage en mode avancé accompagné, relooking blog, bannière pour blog

Attention !
Ce blog a déménagé et n'est plus mis à jour. Rendez vous sur le nouveau blog :

http://www.blogtuto.org/

lundi 07 avril

Menu horizontal sous la bannière ou vertical en colonne

C'est le menu que vous voyez sous la bannière sur BlogTuto et sur de nombreux blogs.

Niveau de difficulté : facile
Mode : avancé

Le code est à mettre sur toutes les pages du script et après la bannière et avant le debut de la colonne de gauche (si vous en avez une) ou avant le content (si vous n'avez pas de colonne de gauche).

<SCRIPT>
menuhz  = 1;         //1:menu horizontal  mettre 0 si vous voulez un menu vertical
bgcolor ='#EEEEEE';  //Couleur arrière
bgcolor2='#DDDDDD';  //Couleur arrière surbrillance
bgcolor3='#87D300';  //Couleur bordure
bgcolor4='#2080a0';  //Couleur texte
largeur = 138;
hauteur = 30;
i       = 0;
menup = new Array;
menup[i++]='nom du lien';
menup[i++]='
http://adresse.com';
menup[i++]='nom';
menup[i++]='
http://adresse.com';
menup[i++]='nom';
menup[i++]='
http://adresse.com';
menup[i++]='nom';
menup[i++]='
http://adresse.com';
menup[i++]='nom';
menup[i++]='
http://adresse.com';
menup[i++]='nom';
menup[i++]='
http://adresse.com';
menup[i++]='nom';
menup[i++]='
http://adresse.com';
menup[i++]='nom';
menup[i++]='
http://adresse.com';

document.write('<style>');
document.write('.ejsmenu {color:'+bgcolor4+'; cursor:hand;}') //default
document.write('</style>')
document.write('<DIV ID=top><TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 BGCOLOR='+bgcolor3+' WIDTH='+(menuhz?largeur*menup.length/2:largeur) +' HEIGHT='+hauteur+'><TR><TD><TABLE CELLPADING=0 CELLSPACING=1 BORDER=0 WIDTH=100% HEIGHT=100%>'+(menuhz?'<tr>':''))

for(pass=0;pass<menup.length;pass+=2)
document.write((menuhz?"":"<tr>")+"<TD WIDTH="+largeur+" ALIGN=center BGCOLOR="+bgcolor+" onMouseDown='location.href=\""+menup[pass+1]+"\"' onMouseOver='this.style.background=\""+bgcolor2+"\"' onMouseOut='this.style.background=\""+bgcolor+"\"' CLASS=ejsmenu><FONT SIZE=1 FACE=Verdana><B>"+menup[pass]+"</B></FONT></TD>")

document.write('</tr></TABLE></TD></TR></TABLE></DIV>')
</SCRIPT>

Ce tuto vous est offert par Subjectif - Merci à elle!


Tags : ,
Posté par Lavande à 11:43 - Mode avancé - Commentaires [14] - Permalien [#]



Commentaires

    bjrs
    il se place ou le code

    Posté par facefood, lundi 07 avril à 15:46
  • Facefood

    Si on veut le même résultat que sur BlogTuto, il faudra placer le code avant le début de la colonne de gauche à savoir

    Posté par Lavande, lundi 07 avril à 15:56
  • Bonjour

    Nous essayons d'insérer un menu sous la bannière en suivant vos instructions et le script ci-dessus, mais rien n'apparait sur notre blog...

    Nous ne comprenons pas trop pourquoi nous n'y arrivons pas. Aurions-nous fait une erreur quelque part ?

    Merci d'avance de nous aider !

    Posté par Anne et Céline, dimanche 13 avril à 16:23
  • Bonsoir Lavande.
    J'ai quelques questions vis à vis de cet outil: comment centrer la barre et varier la taille des colonnes, et j'arrive pas, ne comprends pas comment je peux, par exemple mettre les liens gourmands en menu ainsi que la newsletter et pour me contatcter.
    Je te remercie de ta réponse!
    Bonne fin de week end.

    Posté par labas, samedi 26 avril à 21:07
  • ah j'oubliais aussi, de ce fait les référencements et comment mettre tout en 1 colonne (mettre les écrits de la colonnes de droite sur la gauche ou inversement) et ôter la colonne vide???
    même si j'essaie de faire seule j'avoue quelques difficultés, mais j'y arrive de mieux en miuex je trouve!!!

    Posté par labas, samedi 26 avril à 21:10
  • Enfin j'y suis arrivée ! C'est pas encore tout à fait comme je voulais mais j'y arrive .... presque une demi journée de prise de chou ! Mais que ça fait plaisir quand ça marche !!!!

    Posté par MIMOUNETTE, dimanche 27 avril à 16:19
  • Hé hé ! La casse-pied est de retour ! J'ai installé le menu sous ma bannière mais il n'est présent que sur la page d'accueil, et j'aimerai bien qu'il soit sur toutes les pages ...

    Pfff désolée d'être si quiche .. mais promis je me soigne !!

    Posté par MIMOUNETTE, lundi 28 avril à 13:51
  • je n'ai accés qu'aux commentaires concernant ce message est-ce normal?
    Un petite question au passage: peut -on mettre 2 menus l'un en dessous de l'autre sous la bannière? Un classique et un en image, j'essaie en vain mais c'est probablement pas possible.
    Merci pour ce blog plein de ressouces.

    Posté par Cojocano, lundi 21 juillet à 22:05
  • Moi aussi je n'ai accès qu'aux commentaires sur cette page, c'est normal ? J'aurais aimé essayer de mettre un menu sous la bannière pour voir ce que cela donne.

    Posté par Amélie, mardi 22 juillet à 14:50
  • merci pour ce tuto Lavande!!!! J'ai ENFIN réussi (enfin avec l'aide de quelqu'un hein parce que tu sais moi les codes......)
    a bientôt
    pupuce

    Posté par labas, mercredi 20 août à 12:55
  • Je fais chou blanc !

    Salut Lavande,

    Bon ben moi aussi, j'ai vraiment du mal avec ce tuto...

    Je m'y suis repris à 4 fois,avant de réaliser qu'il fallait effacer tes commentaires en regard du script et personnaliser les entrées du menu horizontal avec l'adresse de mon blog, mais ça ne donne toujours aucun résultat !

    Help, c'est où exactement qu'il faut coller le script? Avant quelle balise???

    Posté par roiubu77, dimanche 24 août à 08:49
  • supra shoes

    Not born of confidence, and only continue to nurture confidence.

    Posté par supra shoes, jeudi 06 janvier à 01:53
  • replica lv bags

    A failure, but proof of our determination to succeed is also strong enough.

    Posté par replica lv bags, lundi 10 janvier à 04:21
  • simple et efficace, c'est d'enfer ! Merci pour ce tuto ! Par contre, si j'abusais j'aurais bien aimé un menu qui puisse être déroulant (comme celui fait pour Silo) car j'ai pas mal de catégories et de sous catégories, alors ça me permettrait de tout ranger comme il faut en offrant un accès rapide.

    Merci d'avance !

    Posté par Niko, jeudi 12 janvier à 16:20

Poster un commentaire







Haut de Page