Menu déroulant

Pour obtenir un menu déroulant : (à placer dans le panel ou vous souhaitez que votre menu apparaisse.)

 

Pour obtenir ce menu nous avons utiliser le code suivant :

<FORM>
<SELECT NAME="liste1" SIZE="1">
<!-- Size="1" correspond au nombre de lignes à afficher, changer le chiffre 1 pour en afficher plus d'une. -->

<OPTION SELECTED VALUE="">Cliques ici pour faire défiler la liste. <!-- ici le titre de votre menu, cette phrase n'est rattachée à aucuns liens. -->
<OPTION VALUE="http://mescodes-fr.e-monsite.com/">Acceuil MesCodes-fr
<OPTION VALUE="http://mescodes-fr.e-monsite.com/categorie,codes,2433125.html">Codes
<OPTION VALUE="http://mescodes-fr.e-monsite.com/categorie,tutoriels,2435785.html">Tutoriels
<OPTION VALUE="http://mescodes-fr.e-monsite.com/categorie,premiers-pas,2435792.html">Premiers Pas


</SELECT>

<button type="button" style="background:transparent; cursor:hand; border:solid 0px black;"
   
       onClick="if (form.liste1.selectedIndex != 0)
      location = form.liste1.options[form.liste1.selectedIndex].value;
    else
      alert('Veuillez faire un choix dans le menu.')">
  <img src="http://s1.e-monsite.com/2009/01/10/01/76887205valider-png.png">
</button> 
</FORM>

<!-- les parties foncés ne servent que d'explication elles n'affectent en rien votre code et vous pouvez les effacés. en partant de la balise <!-- à la balise -->

Décryptons le code :

<option value> correspond aux liens figurants dans la liste de votre menu.
Changez les parties en vert par le lien de la page à ouvrir.
Et les parties rose par le texte correspondant, qui apparaîtras dans le menu.

       
<button type> correspond au bouton sur lequel il faudra cliquer pour ouvrir les liens.
background:transparent correspond au fond/background de votre bouton. Changez les parties en orange par la couleur ou le code couleur que vous désirez mettre en fond. ici votre BG seras transparent.
border:solid 0px black correspond au style de bordure qui entoureras votre bouton.
solid, pour l'apparence.  (autres possibilités : none, solid, dotted, dashed, double, groove, ridge, inset, outset.)
0px, pour la taille, et black pour la couleur de votre bordure.


<alert> introduit dans votre menu la possibilité d'afficher une alerte (pop up) lorsque une personne clique sur le bouton sans avoir sélectionner de choix. Changez la partie en rouge par la phrase que vous souhaitez afficher dans votre pop up.

<img> correspond à l'image de votre bouton. Changez la partie en mauve par le lien de l'image à afficher.

Ajouter un commentaire

Vous utilisez un logiciel de type AdBlock, qui bloque le service de captchas publicitaires utilisé sur ce site. Pour pouvoir envoyer votre message, désactivez Adblock.

Créer un site gratuit avec e-monsite - Signaler un contenu illicite sur ce site