Créer un Menu Déroulant
Si vous avez un site ou blog qui accepte le Javascript, voilà comment créer un menu déroulant.
Ca peut être pratique lorsque l'on a pleins de liens à ranger !
La partie script doit être contenue dans les bornes
<head></head>
Le script en entier:
<head><script language="JavaScript">
<!--
//PLF-http://www.jejavascript.net/
function menuderoulant(selection){
window.location=selection.options[selection.selectedIndex].value;
}
//-->
</script></head>
<form name="form1">
<div align="center"><select onchange="menuderoulant(this)" name="menu" style="color: #ff0000; background-color: #eca1d8";font-family: Comic Sans MS; >
<option value="#">menu</option>
<option value="chemin">Page 1</option>
<option value="chemin">Page 2</option>
<option value="chemin">Page 3</option>
<option value="chemin">Page 4</option>
</select>
</div>
</form>
Passons aux détails:
Changer le nom du menu déroulant:
name="menu" ( Mettre le nom voulu à la place de menu )
<option value="#">menu</option> ( Mettre le nom voulu à la place de menu )
Changer la couleur de la police & du fond du menu :
style="color: #ff0000; background-color: #eca1d8"
Il ne faut changer QUE #ff0000 et #eca1d8 avec le code couleur de votre choix.
Changer la police d'écriture:
font-family: Comic Sans MS; >
Changer UNIQUEMENT Comic Sans MS avec la police de votre choix (arial, times new roman...)
Mettre les liens:
<option value="chemin">Page 1</option>
<option value="chemin">Page 2</option>
<option value="chemin">Page 3</option>
<option value="chemin">Page 4</option>
A la place de chemin vous mettez l'url de votre page.
Comme par exemple:
Chemin: http://manga4ever.over-blog.fr/article-25183628.html
Nom: Fairy Tails
Ce qui donne:
<option value="http://manga4ever.over-blog.fr/article-25183628.html">Fairy Tails</option>
Vous pouvez mettre autant de ligne que vous le souhaitez (ne pas faire d'espace entre chacune d'entre elles !)
#__ Tuto by Misuzu
Publicité