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!

Comments

[Niko]

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 !

[replica lv bags]

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

[supra shoes]

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

[roiubu77]

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???

[labas]

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