Menu déroulant
Dans ce tuto je vous apprendrai à créer un menu déroulant comme ceci :»Alors, alours, déjà, on va l'essayer avec le boutton Go, puis sans.
<select name="wxlmenu" size=1 style="font-family: verdana; color: #d7d4c2; border: double; font-size: 12; background: #FFFFFF;">
<option value="#">Option 1 - rest </option>
<option value="http://wandering.xl.cx">Option 2 - Go Home</option>
<option value="http://wandering.xl.cxtuto.php?id=hc">Option 3 - Go back</option>
</select>
<input type="button" style="font-family: verdana; color: #d7d4c2; border: double; font-size: 12; background: #FFFFFF;" onClick="location =
document.MenuderoulantselonDark.wxlmenu.options
[document.MenuderoulantselonDark.wxlmenu.selectedIndex].value;"value="Go Down !">
</form>
»Copiez, collez ce coder à l'endroit où vous souhaitez voir le menu déroulant. Maintenant nous allons procéder à des petits changements.
» verdana <= C'est le type de police que vous souhaitez pour le menu déroulant {au choix ; verdana, georgian times new roman ...}
» #d7d4c2 <= C'est la couleur de votre police, n'oubliez pas le # devant le code couleur.
» #FFFFFF <= C'est la couleur de fond, ici j'ai choisi blanc ; même chose n'oubliez pas le # devant le code couleur.
» # ; http://wandering.xl.cx ; http://wandering.xl.cxtuto.php?id=hc <= Ce sont les liens des choix, ils sont donc insérés dans l'option value.
» Répétez la même chose pour la lign de type="button" les attribus prendront effet pour le boutton Go Down !
» Bien entendu vous pouvez rajouter des liens =) il suffit d'en copier/coller un existan ou l'écrire au choix.
Pour la version sans le boutton, il suffit d'enlever cette partie au code :
<input type="button" style="font-family: verdana; color: #d7d4c2; border: double; font-size: 12; background: #FFFFFF;" onClick="location =
document.MenuderoulantselonDark.wxlmenu.options
[document.MenuderoulantselonDark.wxlmenu.selectedIndex].value;"value="Go">
Voilà, j'espère que ce tuto vous aidera =)
