Ajouter un Menu Déroulant en HTML
Envie de faire une liste de vos articles sans pour autant avoir un gros pavé ? Utilisez les menus déroulants ! (voir à droite du blog pour se faire une idée.) Généralement les menus proposés sur internet sont un peu complexe, donc je vous propose ici la version HTML toute simple.
Le code HTML
<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 1</option>
<option value="chemin">Page 2</option>
</select>
</div>
</form>
Personnaliser votre Menu Déroulant
Maintenant il ne vous reste plus qu'à personnaliser votre menu:
name="menu" Personnalisez ici le titre de votre module
color: #ff0000 Changez ici la couleur du texte
background-color: #eca1d8 Changez ici la couleur de fond du texte
font-family: Comic Sans MS Personnalisez ici la police du texte ( Arial...)
<option value="#">menu</option> Personnalisez ici le titre du menu déroulant (astuces, trucs...)
<option value="chemin"> Notez ici le "nom" de votre article (ex: Ajouter un menu déroulant...)
Page 1</option> Remplacez les Pages 1, Pages 2 par l'adresse de votre article. (http://....)
Aucun commentaire:
Enregistrer un commentaire