Installer un menu horizontal où on veux sur demande de Tsubaki-chin. (Ne fonctionne pas dans spaces msn)

Voici un petit script simple, afin d'ajouter un menu horizontal sur votre page

Exemple : Cliquez sur l'image

Voici le script à ajouter dans la page d'accueil en mode avancé, sélectionnez-le, copiez et allez le coller dans "Page d'accueil"

Vous pouvez le placer comme sur mon exemple, en haut de page juste avant

<div id="leftbar">
   <div class="navlinks">

Ou à tout autre endroit, à vous de jouer un peu !

<p><center>
<script>
menuhz  = 1          //1:horizontal       0:vertical
bgcolor ='#7E1C66';  //Couleur du fond
bgcolor2='#D792EF';  //Couleur au passage de la souris
bgcolor3='#FFFFFF';  //Couleur des bords
bgcolor4='#FFFFFF';  //Couleur du texte
largeur = 180
hauteur = 22
i       = 0
menup = new Array;
menup[i++]='Titre1';   //<- Nom du lien
menup[i++]='http://mangafanz.canalblog.com/';  //<- Adresse du lien
menup[i++]='Titre2';   //<- Nom du lien
menup[i++]='http://mangafanz.canalblog.com/';  //<- Adresse du lien
menup[i++]='Titre3';   //<- Nom du lien   
menup[i++]='http://mangafanz.canalblog.com/';  //<- Adresse du lien
menup[i++]='Titre4';   //<- Nom du lien
menup[i++]='http://mangafanz.canalblog.com/';  //<- Adresse du lien
menup[i++]='Titre5';   //<- Nom du lien
menup[i++]='http://mangafanz.canalblog.com/';  //<- Adresse du lien
menup[i++]='Titre6';   //<- Nom du lien
menup[i++]='http://mangafanz.canalblog.com/';  //<- Adresse du lien
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%&gt;'+(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>
</p>

Ensuite, il vous suffit de modifier les couleurs si désiré, et d'y mettre vos titres avec vos liens.

Bon amusement !

Comments

[mumu]

Super le script, cela marche du tonnerre.
Est-ce que vous sauriez décrire et donner un script pour les sous-menu qui se développeraient du menu horizontal créé avec votre script!
Merci beaucoup,
mumu[MDR]

[Ninie]

Bonsoir Jojo et Bonne Année 2009.
Intéressant ce que tu as mis ça m'éviterait de mettre des boutons pour la prochaine déco.
Mais peut-on agrandir un un peu plus si oui comment ?? et peut-on mettre des glitters ou petites animations pour les bords si oui comment??

Mince je t'embête déjà le 1er janvier lol

Merci de ta réponse
Bisous
Ninie