Comment créer une liste déroulante Avec Couleur

Un menu déroulant est un moyen facile à mettre en œuvre de multiples liens de navigation sur un site Web dans un petit espace. Cependant, le menu par défaut prendra l'apparence de navigateur ou de l'ordinateur, le thème de l'utilisateur, ce qui peut entrer en conflit avec la conception de votre site web. Vous pouvez personnaliser les couleurs de votre boîte déroulante fond et de texte pour correspondre à votre site Web. Le résultat est un site plus uniforme qui semble entièrement personnalisable à vos visiteurs.

Instructions

1 Ouvrez un éditeur HTML, tel que le Bloc-notes ou Textpad.

2 Cliquez sur le menu "Fichier" et choisissez "Ouvrir" pour localiser une page Web existant où vous souhaitez ajouter le menu déroulant ou choisissez "Nouveau" pour créer un nouveau fichier.

3 Entrez le code suivant où vous souhaitez votre menu déroulant pour afficher:

<Form name = "de form1">

<Select name = style "select1" = "background-color: # FFFFD7" onChange = "displaydesc (document.form1.select1, thetext1, 'textcontainer1')">

<Option sélectionnée value = "URL"> Link Text </ option>

<Option value = "URL"> Link Text </ option>

<Option value = "URL"> Link Text </ option>

</ Select>

<Input type = valeur "bouton" = "Go"

onClick = "jumptolink (document.form1.select1)">

</ Form>

4 Change "# FFFFD7" à la couleur de votre choix à l'aide d'un code hexadécimal à six chiffres ou un coffre-fort nom de couleur Web comme fond "bleu".

5 Changer chaque instance de "URL" à une adresse de site Web réel et modifier "Link Text" pour inclure un texte descriptif dans le menu déroulant.

6 Ajoutez des entrées en utilisant ce format:

<Option value = "URL"> Link Text </ option>

Vous pouvez également supprimer les entrées en supprimant toute la ligne qui commence par "l'option <."

7 Cliquez sur "Fichier" et choisissez "Enregistrer" pour enregistrer. Si la création d'un nouveau fichier, l'enregistrer comme un fichier HTML en choisissant "Tous les fichiers" et en tapant un nom de fichier, suivi par ".html".

Conseils et avertissements

  • Vous pouvez ajouter une ligne vide dans le menu en insérant le code suivant: <option> </ option>
  • Vous pouvez appliquer une couleur de texte à la liste. Par exemple, la deuxième ligne de code pourrait se lire comme suit pour créer un texte blanc sur fond noir:
  • <Select name = style "select1" = "background-color: black; color: white" onChange = "displaydesc (document.form1.select1, thetext1, 'textcontainer1')">