Mardi 24 février 2009
2
24
/02
/2009
15:59
Ce menu tout simple fonctionne pratiquement sur toutes les plateformes.
Exemple de rendu :
Pour le mettre sur haut et fort, voici comment faire :
puis vous allez sur
APRES ces lignes
<div id="banner">
<div class="banner-decorator1">
<div class="banner-decorator2">
<h1><a href="{$blog.url}">{$blog.title}</a></h1>
<h2>{$blog.description|default:" "}</h2>
Vous collez ce code
<script type="text/javascript">
menuhz = 1;
bgcolor ='#EEEEEE';
bgcolor2='#DDDDDD';
bgcolor3='#87D300';
bgcolor4='#2080a0';
largeur = 138;
hauteur = 30;
i = 0;
menup = new Array;
menup[i++]='Accueil';
menup[i++]='{$blog.url}';
menup[i++]='A propos';
menup[i++]='{$blog.url}about.html';
menup[i++]='Archives';
menup[i++]='{$blog.url}archives/';
menup[i++]='
nom';
menup[i++]='
adresse.html';
menup[i++]='
nom';
menup[i++]='
adresse.html';
menup[i++]='
nom';
menup[i++]='
adresse.html';
menup[i++]='Contact';
menup[i++]='mailto:lavande@lignepapilles.com';
document.write('<style>');
document.write('.ejsmenu {ldelim}color:'+bgcolor4+'; cursor:pointer;{rdelim}')
document.write('</style>')
document.write('<DIV ID=top><TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 BGCOLOR='+bgcolor3+' WIDTH=100% HEIGHT='+hauteur+'><TR><TD><TABLE CELLPADING=0 CELLSPACING=1
BORDER=0 WIDTH=100% HEIGHT=100%>'+(menuhz?'<tr>':''))
quote = '"';
for(pass=0;pass<menup.length;pass+=2)
document.write((menuhz?"":"<tr>")+"<TD WIDTH="+largeur+" ALIGN=center BGCOLOR="+bgcolor+" onMouseDown='location.href="+quote+menup[pass+1]+quote+"'
onMouseOver='this.style.background="+quote+bgcolor2+quote+"' onMouseOut='this.style.background="+quote+bgcolor+quote+"' CLASS=ejsmenu><FONT SIZE=1
FACE=Verdana><B>"+menup[pass]+"</B></FONT></TD>")
document.write('</tr></TABLE></TD></TR></TABLE></DIV>')
</script>
Il n'y a plus qu'à compléter les zones en rouge par les URL correspondantes et en bleu le nom des cellules de votre choix
(les trois premières lignes sont codées en html et fonctionnent sur tous les blogs)
Pour les couleurs et la atille des cellules ça se passe là:
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='#FFFFFF'; //Couleur bordure
bgcolor4='#2080a0'; //Couleur texte
largeur = 77,5; // largeur des cases
hauteur = 22; // hauteur des cases
Enjoy !
Que faut-il faire pour l'avoir en permanence affichée ?
Merci ! :)
ya pas une autre manip pour chez eux
?
karine
merci ma belle
karine
Merci pour ce tuto, mais tout comme MindaLicious, j'ai beau placer ce code là où il est conseillé de le faire, il ne fonctionne pas. Il marche lorsque je le place au dessus de la bannière dans le template, mais du coup la couleur de fond de mon blog change et devient celle que j'ai modifiée dans le code pour etre celle des onglets du menu... :s
Savez-vous ce que je fais mal ?
Merci !
Donc problème résolu et bientot une navigation facilitée dans mon blog :)
""
(H&F refuse de valider mes changements)
je me demande si ce n'est pas parce que j'ai déjà une bannière personnalisée (mais je ne sais pas où je dois modifier des codes du coup)