logo maximenuck 64Maximenu CK

Maximenu CK permet de créer un megamenu déroulant mootools.

logo slideshowck joomlaSlideshow CK

Slideshow CK, de superbes effets avec ce slideshow responsive design.

logo accordeonmenuck joomlaAccordeon Menu CK

Accordeon menu CK est un menu accordeon avec des effets mootools.

logo template creator joomlaTemplate Creator CK

Template Creator CK vous permet de créer vos propres templates Joomla!.

Maximenu CK - Megamenu déroulant responsive

Maximenu CK Joomla megamenu

Maximenu CK est un module qui vous permet de créer un mégamenu déroulant multicolonnes avec des effets mootools. Vous pouvez organiser et personnaliser votre menu comme vous le voulez grâce à de nombreuses options et des thèmes graphiques.

 

Fonctionnalités du module Maximenu CK

  • Multicolonnes et multirangées
  • Thèmes responsive design
  • Ajout d'un logo à gauche ou à droite du menu
  • 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
  • Compatible Virtuemart, permet de lister les catégories des produits automatiquement (nécessite le patch)
  • Compatible Hikashop, permet de lister les catégories des produits automatiquement (nécessite le patch)

Paramètres du module

options base maximenu froptions avance maximenu froptions styles maximenu froptions effets maximenu froptions extensions tierces maximenu fr

 

Démo du module Maximenu CK

Démo en mode vertical avec le thème css3megamenu inclus

Démo horizontale avec ouverture en hauteur avec le thème default inclus

Démo avec ouverture en glissement (slide) avec le thème css3megamenu inclus

Démo avec logo chargé dans le menu avec les options

Démo avec mise en page Pushdown et styles gérés uniquement avec le plugin maximenu params

Démo avec onglets dans les sous menus et styles gérés uniquement avec le plugin maximenu params

Le tutoriel complet pour recréer cette démo de A à Z est inclus dans le package du plugin Maximenu Params

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

apercu_maximenu6

Une autre démo est également le topmenu en haut de cette page sur Joomlack.fr

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
http://www.gilai.ch/ réalisé par http://www.inetis.ch/
https://www.navixia.com/ réalisé par http://www.inetis.ch/
https://www.debiopharm.com/ réalisé par http://www.inetis.ch/

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.

maximenuck_3

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

maximenuck_7

Aperçu de la structure du menu :

maximenuck_4

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]

maximenuck_5

Aperçu de la structure du menu :

maximenuck_6

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'.

maximenuck_8

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 :

maximenuCK_10

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 :

capture_maximenuCK_9

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...

maximenuCK_11

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.

maximenuCK_12

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.

capture_menu_colonnes_maximenu6La 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.

maximenuCK_13

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]

capture_rel

Comment utiliser l'effet Pushdown

C'est simple, il suffit d'éditer les options du module dans "Options avancés" et sélectionner le Type de mise en page "pushdown". Le module s'occupe de gérer le changement de structure et d'adapter l'effet pour avoir le rendu voulu.

options maximenu pushdown fr

 

Télécharger le module Maximenu CK pour Joomla 2.5

Télécharger le module Maximenu CK module v7 pour Joomla 3.x

Télécharger le module Maximenu CK pour Joomla 1.5

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

Téléchargez la documentation du module Maximenu CK

Téléchargez le plugin Maximenu CK Mobile

Téléchargez des thèmes graphiques

Télécharger le patch Maximenu Virtuemart

Télécharger le patch Maximenu Hikashop

Télécharger le patch Maximenu K2

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.2.9 (J!2.5) + 7.1.10 (J!3.0) :
- corrige souci sur templates beez_20 + beez5 suite à dernière mise à jour
- corrige souci sur fancy
- ajoute option base item

VERSION 6.2.8 (J!2.5) + 7.1.9 (J!3.0) :
- corrige souci sur fancy si plusieurs menus dans la page (J!3)
- corrige souci sur ouverture au click sur lien de type "en-tete" (J!3)
- corrige souci sur fermeture avec effet "fade" au clic (J!3)
- supprimes classe css "menu" sur la balise UL (ATTENTION cette modification peut impacter le design de votre menu, si besoin vous pouvez l'ajouter à nouveau dans l'option suffixe de classe css du module)

VERSION 6.2.7 (J!2.5) + 7.1.8 (J!3.0) :
- modifie le chargement du plugin params (J!2.5)
- ajoute compatibilité Joomshopping

VERSION 6.2.6 (J!2.5) + 7.1.7 (J!3.0) :
- améliore l'application de la classe parent en fonction du niveau de fin du menu
- corrige souci sur marges des sous menus en RTL

VERSION 6.2.5 (J!2.5) + 7.1.6 (J!3.0) :
- corrige souci sur prise en compte des marges de sous menu
- corrige souci sur détection de bord sur mobile (J!2.5)
- corrige souci sur mise en page
- modifie la gestion du cache

VERSION 6.2.4 (J!2.5) + 7.1.5 (J!3.0) :
- compatibilité Joomla! 3.2
- corrige souci sur effet pushdown
- corrige souci left:0 sur classe fullwidth

VERSION 6.2.3 (J!2.5) + 7.1.4 (J!3.0) :
- ajout possibilité de définir les colonnes en % (avec le plugin maximenu params)
- ajout prise en charge de la classe "fullwidth" pour sous menu en pleine largeur
- ajout option opacité sur couleur de fond

VERSION 6.2.2 (J!2.5) + 7.1.3 (J!3.0) :
- ajoute option dans le plugin params pour définir la position de l'image sur chaque lien
- ajoute optoins pour définir les marges internes des sous menus dans le plugin params

VERSION 7.1.2 (J!3.0) :
- ajout option pour choisir chargement onload au lieu de domready

VERSION 6.2.1 (J!2.5) + 7.1.1 (J!3.0) :
- corrige souci sur coins arrondis sur élément parent
- corrige souci sur position sous menu avec détection bord (7.1.1 J!3)

VERSION 6.2.0 (J!2.5) + 7.1.0 (J!3.0) :
- ajout option pushdown
- ajout options style pour séparer bordures haut, droite, bas, gauche (nécessite au moins la version 2.2.0 (J!2.5) ou 3.1.0(J!3) du plugin maximenu params)
- amélioration de la vue flatlist pour la compatibilité du plugin mobile

VERSION 6.1.27 (J!2.5) + 7.0.23 (J!3.0) :
- corrige souci dans le thème css3megamenu sur RTL si pas javascript (J!3)
- améliore css pour RTL
- améliore gestion du cache

VERSION 7.0.22 (J!3.0) :
- corrige souci sur l'option détection de bord

VERSION 6.1.26 (J!2.5) + 7.0.21 (J!3.0) :
- ajout options et compatibilité avec la version 1.1.0 du plugin maximenu mobile

VERSION 7.0.20 (J!3.0) :
- ajoute l'animation à la fermeture des sous menu de l'effet "open"

VERSION 6.1.25 (J!2.5) + 7.0.19 (J!3.0) :
- ajout compatibilité K2 avec le patch

VERSION 6.1.24 (J!2.5) + 7.0.18 (J!3.0) :
- ajout de l'option Ancre pour ajouter un suffixe #ancre à l'url (avec le plugin maximenu params)

VERSION 6.1.23 (J!2.5) :
- corrige souci javascript

VERSION 6.1.22 (J!2.5) + 7.0.17 (J!3.0) :
- prise en charge du RTL dans le javascript (J!2.5)
- corrige souci sur durée de relachement (J!3)
- corrige souci sur marges appliquées au logo (J!2.5 + J!3)
- suppression des champs de styles obsolètes (J!2.5 + J!3)
- ajout indentation sur les niveaux dans la vue dropselect (J!2.5 + J!3)
- affichage du lien actif dans la vue dropselect (J!2.5 + J!3)

VERSION 6.1.21 (J!2.5) + 7.0.16 (J!3.0) :
- supprime des clear:both inutiles dans les layouts
- améliore les css des thèmes avec les problèmes d'opacité
- corrige souci sur effet fade (J!3.0)
- améliore le déclenchement des sous menus (J!3.0)

VERSION 6.1.20 (J!2.5) + 7.0.15 (J!3.0) :
- mise à jour des positions d'images sur les vues flatlist et nativejoomla
- mise à jour du theme css3megamenu
- mise à jour du code pour ne pas charger JS sur les vues flatlist, nativejoomla, et dropselect

VERSION 6.1.18 (J!2.5) + 7.0.14 (J!3.0) :
- corrige souci sur css des thèmes blank et css3megamenu
- option pour activer/désactiver responsive

VERSION 6.1.17 (J!2.5) + 7.0.12 (J!3.0) :
- améliore la compatibilité RTL des thèmes css3megamenu et blank
- corrige souci sur classe sfhover avec ouverture au clic

VERSION 6.1.16 (J!2.5) + 7.0.11 (J!3.0) :
- corrige souci sur logo dans orientation verticale

VERSION 6.1.15 (J!2.5) + 7.0.10 (J!3.0) :
- modification classe css sur chargement de module (J!2.5 + J!3.0)
- ajout classe "maximenuck" sur vue flatlist pour prise en compte des styles css (J!2.5 + J!3.0)

VERSION 6.1.14 (J!2.5) + 7.0.9 (J!3.0) :
- corrige un bug css dans la mise en page default.php (J!2.5 + J!3.0)
- ajout option pour ne pas charger le javascript (J!3.0 seulement)
- corrige un souci de z-index (J!2.5 seulement)
- améliore css sur styles séparateur (J!2.5 + J!3.0)

VERSION 6.1.13 (J!2.5) + 7.0.8 (J!3.0) :
- corrige un souci sur dégradé IE9

VERSION 6.1.12 (J!2.5) + 7.0.7 (J!3.0) :
- ajout option pour menu figé en bas de page

VERSION 6.1.11 (J!2.5) + 7.0.6 (J!3.0) :
- améliore les thèmes pour une meilleure compatibilité (J!2.5 + J!3.0)
- ajout d'options de styles pour changer les flèches des liens parent dans le plugin params (J!2.5 + J!3.0)

VERSION 6.1.10 (J!2.5) + 7.0.5 (J!3.0) :
- améliore gestion des styles, pour annuler bordure ou ombre mettre largeur à zéro (J!2.5 + J!3.0)
- ajoute la classe "nav" sur la balise "ul" pour coller au menu standard de joomla 3 (J!3.0)

VERSION 6.1.9 (J!2.5) + 7.0.4 (J!3.0) :
- corrige un bug sur effet onclick (J!2.5)
- corrige souci sur lien avec option sans navigation (J!2.5 + J!3.x)
- améliore gestion des styles pour item type separateur (J!2.5 + J!3.x)
- corrige souci sur largeur de colonne (J!2.5 + J!3.x)

VERSION 6.1.8 (J!2.5) + 7.0.3 (J!3.0) - 16/12/12:
- corrige souci sur menu figé en haut de page
- ajoute des styles pour les items de type separateur (pour créer des entetes de colonne)
- prise en compte du type de lien 'menu heading' (J!3.x uniquement)

VERSION 6.1.7. (J!2.5) + 7.0.2 (J!3.0) - 26/11/12:
- ajout option pour menu figé en haut de page
- corrige un souci javascript (J!3.0)

VERSION 6.16. (J!2.5) + 7.0.1 (J!3.0) - 23/11/12:
- améliore compatibilité affichage plugin params dans adv module manager en mode onglets
- ajout option de styles text-shadow dans plugin params
- améliore compatibilité des thèmes avec le plugin params

VERSION 6.1.5 (J!2.5) - 13/11/12:
- corrige souci sur sous menu actif et effet slide
- corrige souci sur onclick

VERSION 6.1.3 - 28/10/12 :
- possibilité de donner des unités relatives dans les options de styles (%, em)
- remplacement des chemins absolus par des chemins relatifs pour l'appel aux fichiers
- ajout options pour le plugin Maximenu Mobile (voir plugin)
- ajout option d'alignement par defaut des images

VERSION 6.1.2 - 16/10/12 :
- corrige un souci sur les styles des liens separateur
- corrige un souci pour ouverture des sous menus au clic avec les liens separateur

VERSION 6.1.1 - 14/10/12 :
- retour au comportement précédent pour mobiles à cause de soucis sur safari : premier clic  ouvre le menu, deuxième clic ferme le menu
- ajout d'options pour charger un logo dans le menu

VERSION 6.1.0 - 08/10/12 :
- ajout multiples champs de styles avec le plugin maximenu params
- maximenu devient responsive avec les themes préinstallés
- amélioratoin des thèmes
- ajout d'une compatibilité IE7 dans les thèmes avec feuille css spécifique
- ajout d'un thème "blank" pour améliorer la compatibilité et conserver les styles du template

VERSION 6.0.14 - 22/07/2012
- modification du comportement sur mobiles (2e clic sur parent redirige, clic en dehors du menu le referme)

VERSION 6.0.13 - 03/07/2012
- ajout compatibilité RTL (Right To Left) (voir la documentation)
- ajout serveur de mise à jour pour la notification de mise à jour

VERSION 6.0.12 - 21/06/2012
- ajout layer de compatibilité JA Purity ii en position left
- ajout layer de compatibilité Gantry en position navigation
- corrige probleme d'encodage caractère & dans url externe
- ajout css dans les deux themes pour améliorer la compatibilité
- ajout langue Espagnol

VERSION 6.0.11 (J!2.5) - 06/05/2012 :
- ajout layer de compatibilité beez_20 et beez5 en position-12
- ajout option pour corriger le bug chrome et safari pour hauteur sous menus si images de grande taille
- ajout parametres [newrow] et [subwidth]

VERSION 6.0.10 (J!2.5) :
- corrige bug sur code HTML avec multicolonnes
- ajout option de compatibilité pour templates

VERSION 6.0.9 (J!2.5) :
- ajout option pour suffixe pour image de l'item actif

VERSION 6.0.8 (J!2.5) :
- corrige un souci avec l'option hikashop si le patch n'est pas installé

VERSION 6.0.7 (J!2.5) :
- corrige un souci lors de la désinstallation de Virtuemart

VERSION 6.0.5 (J!2.5) :
- ajout option pour sous menus dépendant

VERSION 6.0.4 (J!2.5) :
- ajout compatibilité Hikashop

VERSION 6.0.3 (J!2.5) :
- mise à jour des css du thème css3megamenu
- ajout option durée d'ouverture des sous-menus

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

VERSION 5.23 (J!1.7) + 4.31 (J!1.5):
- amélioration du comportement au clic

VERSION 5.22 (J!1.7) + 4.30 (J!1.5):
- ajout d'options pour ouvrir dans la direction inverse (BETA)

VERSION 5.21 (J!1.7) + 4.29 (J!1.5):
- corrige un bug lors de l'ouverture des sous mensu au clic

VERSION 5.20 (J!1.7) + 4.28 (J!1.5):
- l'effet fancy disparait si la souris sort du menu (s'il n'y a pas de lien actif)

VERSION 5.19 (J!1.7) + 4.27 (J!1.5):
- modification css pour une meilleure compatibilité
- modification du code pour éviter de charger des lignes vierges dans la page

VERSION 5.18 (J!1.6 + 1.7) + 4.26 (J!1.5):
- mise à jour de sécurité (merci à volkan)
- ajout de l'effet fancy au survol même s'il n'y pas de lien actif

VERSION 5.17 (J!1.6) + 4.25 (J!1.5):
- règle un souci de détection pour iPad

VERSION 5.16 (J!1.6) + 4.24 (J!1.5):
- ajout d'une nouvelle option pour une ouverture coulissante (slide)

Mentions légales

Site réalisé par Cédric KEIFLIN - Copyright © 2010 - 2013

Mentions légales - Licence GNU/GPL - Conditions générales de vente

http://www.joomlack.fr n'est ni affilié à Open Source Matters ou au projet Joomla ni approuvé par eux.
Le nom Joomla!® est utilisé sous license limitée de Open Source Matters, le propriétaire mondial de la marque de commerce.