Comment faire pour créer le menu avec l'aide de CSS SubMenu

Précédent ◈ Suivant

Introduction:

Nous allons commencer la conception de menu en créant un conteneur à l'aide d'une boîte de div. Ma boîte div id contiendra de la navigation. Un menu de navigation nécessite toujours HTML standard comme outil de base pour la conception de menu. Dans le script suivant, nous allons utiliser une balise div,

    et
  • balises et créer des options de menu.







    Script suivant la liste affiche menu simple vertical sous-menu, qui compile l'idée de base de la conception du menu.

    Liste 1: Script de menu vertical et sous-menus

    Menu horizontal:

    À la suite de la section contient la description des menus linéaire (menu horizontal). Lorsque les éléments « li » seront affichés sous la forme des éléments en ligne, ce qui force la liste en une seule ligne. L'élément « ul » a une largeur et chaque lien hypertexte dans la liste a une largeur de 7px. De plus, nous avons ajouté quelques couleurs pour le rendre interactif

    Liste 2: Script de menu horizontale et sous-menus

    Figure 2: Au-dessus de la figure est un élément de menu simple manière horizontale.







    Sous-menu / Menu déroulant dans le sens horizontal Menu principal:

    Cette section explique le menu déroulant ou sous-menu dans le menu horizontal. Dans la conception web moderne et interactif, menus déroulants apparaissent très fréquemment. Après l'entrée de CSS version supérieure, il est devenu possible de créer des effets similaires en utilisant des technologies HTML standard, un nombre important de personnes qui ont des difficultés avec le contrôle de la main ou la cécité des yeux peut utiliser un clavier ou un autre périphérique de texte pour accéder à menu déroulant. le script Listed compilera l'idée du menu déroulant de manière horizontale.

    Liste 3: Script à Sous-menu / Menu déroulant

    Figure 3. Menu fait

    Conclusion:


    Pritee

    Que pensez-vous de ce post?

    Pour avoir accès à ce poste (ou télécharger les fichiers associés), vous devez avoir des crédits MrBool.

    Individuellement - dans ce cas, le prix de cet article est 0,00 $ US (Acheter maintenant)
    dans ce cas, vous achèterez que cette vidéo en payant le prix plein sans décote.

    Paquet de 10 crédits - dans ce cas, le prix de cet article est 0,00 $ US
    Cet abonnement est idéal si vous voulez télécharger quelques vidéos. Dans ce plan, vous bénéficierez d'une réduction de 50% dans chaque vidéo. Abonnez-vous pour ce paquet!

    Paquet de 50 crédits - dans ce cas, le prix de cet article est 0,00 $ US
    Cet abonnement est idéal si vous voulez télécharger plusieurs vidéos. Dans ce plan, vous bénéficierez d'une réduction de 83% dans chaque vidéo. Abonnez-vous pour ce paquet!

    [Fermer]
    Vous devez être connecté pour télécharger.

    [Fermer] Vous devez être connecté pour donner vos commentaires.







    Articles Liés

Précédent ◈ Suivant