Améliorer un menu déroulant.

Publié le par Coquelikosafrane


Je vous avais parlé des menus déroulants dans cet article : lien 

mais avec les quelques lignes ci-dessous je souhaite le peaufiner un peu :

Alors voici pour un joli menu déroulant comme celui-ci:




Le script pour le menu ci-dessus :

<select id="banmenu" style="font-size: 10px; color: #6a2300; font-family: verdana" onchange="javascript:choix=this.value;if (choix != '-'){window.open('http://coquelikosafrane.over-blog.com/'+choix,'')}" name="banmenu">
<option value="-" selected="selected">Choisissez :</option>
<option value="">Accueil</option>
<option value="url du 1&#176; item">Le 1&#176; item</option>
<option value="url du 2&#176; item">Le 2&#176; item</option>
&gt;</select>
 

Tout est paramètrable : la taille de la police, la couleur, la font....:




Un exemple :

Le script : 

<select id="banmenu" style="font-size: 30px; color: #157890; font-family: courrier" onchange="javascript:choix=this.value;if (choix != '-'){window.open('http://coquelikosafrane.over-blog.com/'+choix,'')}" name="banmenu">
<option value="-" selected="selected">Choisissez :</option>
<option value="">Accueil</option>
<option value="url du 1&#176; item">Le 1&#176; item</option>
<option value="url du 2&#176; item">Le 2&#176; item</option>
&gt;</select>

Publié dans Over blog

Pour être informé des derniers articles, inscrivez vous :
Commenter cet article