Modifiez le comportement du survol du menu déroulant. Lorsque vous passez votre souris sur le bouton du menu déroulant, vous aurez besoin de quelques couleurs pour changer. La première ligne « couleur d’arrière-plan » correspond au changement de couleur qui apparaîtra lorsque vous sélectionnerez un élément dans le menu déroulant, tandis que la deuxième ligne « couleur d’arrière-plan » correspond au changement de couleur du bouton du menu déroulant. Idéalement, ces deux couleurs seront plus claires que leur apparence lorsqu’elles ne sont pas sélectionnées :
Vérifiez le code de votre liste déroulante. Votre code devrait ressembler à ce qui suit :
Indiquez que vous voulez placer vos liens dans le menu déroulant. Comme vous ajouterez des liens au menu déroulant plus tard, vous ! pouvez les placer dans le menu déroulant en entrant le code suivant :
Fermez la section CSS. Entrez le code suivant pour indiquer que vous avez terminé la partie CSS du document :
Ajoutez les liens de votre menu déroulant. Chacun des éléments du menu déroulant doit comporter un lien vers quelque chose, que ce soit une page de votre site Web ou un site Web externe. Vous pouvez ajouter des éléments au menu déroulant en entrant le code suivant, en prenant soin de remplacer https://www.website.com par l’adresse du lien (garder les guillemets) et « Nom » par le nom du lien.
Créez le nom du bouton déroulant. Entrez le code suivant en prenant soin de remplacer « Nom » par le nom du bouton déroulant (ex. : Menu) :
Créez l’apparence du menu déroulant. Le code suivant déterminera la taille du menu déroulant, la position lorsque d’autres éléments de la page Web sont impliqués, et la couleur. Assurez-vous de remplacer le « # Â! » de la section « min-width » par votre numéro préféré! (ex. : 250) et changez le titre « background-color » par votre couleur ou code HTML préféré :
Saisissez l’en-tête de pièce. C’est le code qui détermine le type de code utilisé pour le reste du document :
Créez le menu déroulant lui-même. Tapez le code suivant pour déterminer la taille et la couleur du menu déroulant, en vous assurant de remplacer « # » par le numéro que vous voulez utiliser (plus le numéro est grand, plus votre menu déroulant sera grand). Vous pouvez également remplacer les valeurs « background-color » et « color » par n’importe quelle couleur (ou code couleur HTML) de votre choix :
Ajouter des détails au contenu du menu déroulant. Le code suivant indique la couleur du texte du menu déroulant et la taille du bouton du menu déroulant. Assurez-vous de remplacer « # » par le nombre de pixels de votre choix pour dicter la taille du bouton :
Fermez votre document. Entrez les balises suivantes! pour fermer le document et indiquer la fin du code du menu déroulant :
Ouvrez votre éditeur de texte HTML. Vous pouvez utiliser un éditeur de texte simple, comme Notepad ou TextEdit, ou un éditeur de texte plus avancé comme Notepad .
No comments:
Post a Comment