Maximenu_CK - Menu déroulant avancé

Fonctionnalités du module Maximenu_CK

• Multicolonnes et multirangées
• Effet fancy sur le premier niveau (curseur flottant)
• Effets de déroulement mootools
• Multiple utilisation sur la même page
• Description sous chaque lien du menu
• Thèmes graphiques à installer
• Chargement de modules dans le menu
• Architecture HTML pour styles arrondis (menu, sous-menus et fancy)
• Orientation horizontale ou verticale
• Effet d'opacité au déroulement
• Structure MVC
• Optimisé SEO (liens en dur en HTML)
• Détection de bord pour déroulement vers la gauche
• Affichage d'image sans texte de lien
• Déroulement au survol, au clic, ou ouverture au survol et fermeture au clic
• Compatibilité iPhone, iPad, et Android
• Compatibilité Virtuemart, permet de lister les catégories des produits automatiquement (nécessite le patch)

Démo du Maximenu_CK

Démo ouverture en glissement (slide)

Exemple de menu avec Maximenu 6 pour Joomla 2.5, le thème Css3megamenu (inclus par défaut) et le plugin Maximenu params v2

Le module Maximenu CK est un menu déroulant amélioré. Il permet l'insertion de description sur les liens du menu, le chargement de modules à l'intérieur du menu, et tout ça en déroulant le menu avec les effets mootools.

Grâce au module de menu Maximenu CK vous pouvez créer le même menu que sur http://www.joomla.org/ .

Pensez à voter sur la JED pour mon menu !

Nécessite PHP5 pour fonctionner

Exemples de réalisations avec Maximenu CK :
http://www.kore-usa.com réalisé par http://www.intangible-logic.com
http://www.lezyne.com réalisé par http://www.intangible-logic.com

Installation du menu

Il suffit d'installer et publier le menu comme n'importe quel autre module à partir de l'administration de votre site Joomla!. Ensuite dans les paramètres d'édition du module, il faut sélectionner le menu à utiliser. Dans mon exemple j'ai créé un menu spécifiquement pour ma démo que j'ai appelé Maximenu CK.

Le nom correspond au menu dans l'administration Joomla!.

Ajouter une description au lien du menu

Pour ajouter une description, il suffit de mettre un séparateur avec deux barres verticales "||".On peut ajouter une description pour n'importe quel lien du menu.

Exemple :

Titre du lien||Description du lien

Aperçu de la structure du menu :

Ajouter un module dans le menu

Pour charger un module dans le menu il suffit de l'appeler avec son nom. Il faut créer un lien de type 'separateur' et dans le titre du lien écrire l'appel au module.

Exemple :

[modname=NOM_DU_MODULE]

Aperçu de la structure du menu :

Où trouver le nom du module Joomla! ?

Il suffit de regarder dans la liste des modules sur votre site Joomla!. Vous voyez le nom avec 'mod_[NOM_DU_MODULE]', exemple : 'mod_latestenews'.

On peut assi charger le module à partir de son ID depuis la version 1.2 du module MaximenuCK. Il suffit alors de créer un lien de type séparateur et d'écrire :

[modid=ID_DU_MODULE]

Aperçu de la structure du menu :

Pour trouver l'ID du module il faut aller dans la gestion des modules de votre site Joomla!. Dans la dernière colonne on trouve l'information :

ASTUCE : vous pouvez insérer le module dans une position fictive (qui n'existe pas dans le template) en tapant un nom de position (ici 'maximenuCK') dans le champ 'position' .

Gérer les colonnes - Maximenu version 4 ou 5

Pour organiser les liens en plusieurs colonnes dans Maximenu (version 4 ou 5 uniquement), il faut indiquer le nombre de colonnes à utiliser au lien parent, et marquer la séparation des colonnes.

Indiquer le nombre de colonnes

Dans le titre du lien parent, il faut ajouter le terme [cols2] pour 2 colonnes, [cols3] pour 3 colonnes, etc...

Marquer la séparation des colonnes

Au niveau de la colonne à créer, il faut ajouter le terme [col] au niveau de la séparation.

Gérer les colonnes - Maximenu version 6

Pour créer les colonnes dans Maximenu version 6, il suffit d'ajouter le paramètre sur le premier lien de la colonne à créer.

[col=180]

180 est la largeur en px de la colonne que l'on veut créer.

La largeur du conteneur de sous-menu s'adapte automatiquement en largeur en fonction des colonnes crées (ce paramètre peut être piloté grâce au plugin maximenu params).

Gérer les images

Il est possible de n'afficher que l'image donnée au lien dans l'administration du menu. Il suffit de mettre le terme [img] dans le titre du lien de menu.

Attribut "rel"

On peut ajouter un attribut rel="..." sur les liens de menu (pour ouvrir le lien dans une lightbox par exemple, avec Mediabox_CK il faut ajouter rel="lightbox" ). Pour cela il suffit d'ajouter  [rel=ATTRIBUT], exemple : [rel=lightbox]

Téléchargez la documentation du module Maximenu CK

Téléchargez des thèmes graphiques

Télécharger le plugin Maximenu CK Params (pour gérer les paramètres en quelques clics)

Si vous appréciez mon module Maximenu CK, pensez à voter sur la JED. Merci

Discuter du Maximenu sur le forum Joomla.fr

Notes de versions :

VERSION 6.0.2 (J!2.5) :
- mise à jour des css du thème default vertical

VERSION 6.0.1 (J!2.5) :
- amélioration des z-index avec option d'ouverture au clic

VERSION 6.0.0 (J!2.5) :
- Compatibilité Joomla 2.5
- Gestion des ACL
- Gestion du cache
- Création de colonnes ET rangées dans les sous-menus
- Optimisation du code
- Nouveau thème css3megamenu pour créer le même menu que sur Joomla.org
- Nouvelle ergonomie dans l'adminstration du module
- Nouveau paramètre [col=180] pour créer les colonnes sans besoin de séparateur

VERSION 5.25 (J!1.7) + 4.33 (J!1.5):
- le sous menu survolé apparait toujours au dessus des autres sous menus ouverts

VERSION 5.24 (J!1.7) + 4.32 (J!1.5):
- ajout de l'option menu image pour changer les images au survol grâce à un suffixe