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.


Retour à La Une de Logo Paperblog

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