Magazine Informatique

Créer des menus en accordéeon et déroulants avec Yoothemes

Publié le 14 janvier 2010 par Creationsitefrance

Ce tutoriel explique comment vous définissez comme un module de menu déroulant ou menu accordéon en utilisant le menu Classe Suffixe.
Définir un module de menu comme un menu déroulant

Pour créer un module de menu déroulant avec la fonctionnalité de votre menu principal Aller à "Extensions" -> "Module Manager" et créez un nouveau module. Choisissez "Menu". Sélectionnez la position "menu".

A droite, vous trouvez le paramètre "Nom du menu", choisir "MainMenu". Réglez le niveau de fin à "3" pour montrer trois niveaux (1, 2 et 3) et "Toujours afficher les sous-menus" à «Oui». Maintenant, cliquez sur "Paramètres avancés".
Pour le suffixe de classe de menu, vous avez besoin de taper "menu-dropdown".
Pour le module de classe Suffixe, tapez "style-menu".

Définir un menu module comme un accordéon

Le premier niveau des éléments de menu que vous souhaitez afficher (donc le clic que vous souhaitez afficher les sous-éléments avec un effet accordéon, dans l'exemple «Accordion A» et «Accordion B») doit être de type séparateur pour obtenir l'effet accordéon.

Pour créer un module de menu avec des fonctionnalités accordéon aller dans "Extensions" -> "Gestion des modules" et créez un nouveau module. Choisissez "Menu". Choisissez une position où un menu vertical unique, de préférence une colonne, comme la position "left".

A droite, vous trouvez le paramètre "Nom du menu", choisir le menu que vous voulez afficher. Réglez le niveau de fin d'après combien de niveaux vous voulez afficher. Maintenant, cliquez sur "Paramètres avancés".

Pour le suffixe de la classe Menu, vous devez taper dedans "menu-accordion". Pour le module de classe Suffixe, tapez "style-menu".

Styple par defaut de menu: Si vous laissez le champ vide dans Menu Suffixe de classe, le menu s'affiche avec un style par défaut du modèle pour les menus, sans l'effet accordéon.
P.S: Ceci est une traduction et adaptation du tutoriel Yootheme à l'adresse suivante: http://warp.yootheme.com/documentation/item/root/define-menu-module-as-dropdown-or-accordion.


Vous pourriez être intéressé par :

Retour à La Une de Logo Paperblog

Ces articles peuvent vous intéresser :

  • Créer un blog avec Wordpress

    Créer blog avec Wordpress

    La meilleure manière pour vous faire connaître sur internet est sans aucun doute la création d'un blog professionnel. Pour cela je ne saurai que trop vous... Lire la suite

    Par  Création Site France
    INFORMATIQUE, INTERNET, LOGICIELS
  • PHP : Créer un client HTTP

    Créer client HTTP

    Comme j'ai pour habitude de manipuler des objets ; nous allons donc créer une nouvelle classe que nous appellerons ClientHTTP. Les prés requis technique seront... Lire la suite

    Par  Methylbro
    INTERNET, PROGRAMMATION
  • Créer une micro-startup

    Je réfléchissais depuis longtemps à un concept que j'avais du mal à formaliser dans ma tête. C'était un ensemble d'idées très vagues, mais tout s'est... Lire la suite

    Par  Abouchard
    FOCUS EMPLOI, INTERNET
  • Créer un site internet: 20 solutions comparées

    Créer site internet: solutions comparées

    Après quelques mois de relâche, nous venons de mettre à jour notre comparatif des solutions pour créer un site internet. Nous continuons à nous focaliser sur le... Lire la suite

    Par  Ugal
    INTERNET
  • Créer un Favicon

    Créer Favicon

    Apparu il y a quelques années le favicon est une petite icône qui s'affiche dans votre navigateur (dans la barre d'adresse ou dans l'onglet en général, mais... Lire la suite

    Par  Thierry
    GRAPHISME, INTERNET
  • Comment créer un podcast

    Ce n’est pas forcément évident pour les moins « technos » d’entre nous (ici, la définition de Common Craft). Donc, voici une vidéo qui vous explique toutes les... Lire la suite

    Par  Eogez
    INTERNET, WEB2.0
  • Carbonmade : Créer votre portfolio en ligne gratuitement

    Carbonmade Créer votre portfolio ligne gratuitement

    Voici un nouveau service qui vous propose de créer votre portfolio en ligne gratuitement. Avec un design très soigné et une foule d'effets web 2. Lire la suite

    Par  Thierry
    GRAPHISME, INTERNET

A propos de l’auteur


Creationsitefrance 7 partages Voir son profil
Voir son blog

l'auteur n'a pas encore renseigné son compte l'auteur n'a pas encore renseigné son compte l'auteur n'a pas encore renseigné son compte