Tuesday, May 15, 2012

Joomla! 2.5 free drop down menu

DJ-Menu is a good drop down menu.

Download: http://extensions.joomla.org/extensions/structure-a-navigation/menu-systems/drop-a-tab-menus/16232

Parameters instruction: http://dj-extensions.com/dj-menu/blog


DJ-Menu is a suckerfish menu with animated mootools effects.
Now, you can easily manage whether the menu is animated or just scriptless css drop-down.
Navigate Extensions > Module Manager and choose DJ-Menu module.
Let's take a look at Module Parameters:

DJ-Menu

Short description:
  • Menu name – choose the name of menu (default is mainmenu) Navigate to Menus > Menu Manager

    menu-manager

  • Include default css – if you want to change menu CSS styling, change this parameter to 'No' and copy djmenu.css and djmenu_fx.css files from /modules/mod_djmenu/assets/css/ into /templates/[your_template]/css/. Then you may change font sizes, colors, backgrounds, etc. of DJ-Menu elements. The only difference between djmenu.css and djmenu_fx.css is replacement of all occurences of 'li:hover' (djmenu.css) with 'li.hover' (djmenu_fx.css)
    Notice!
    If you upgrade your DJ-Menu from version less than 1.5.0 you also need to replace all occurences of '#dj-main' with '.dj-main'.
  • Enable Effects - if Yes, submenus will be showing and hiding with nice mootools effects. Requirements: Joomla! 1.5.19+ , enabled 'System - Mootools Upgrade' plugin (available since Joomla! 1.5.19 as core plugin)
  • Wrapper id - submenu will change direction if it goes out the container with wrapper id. Default wrapper is container with .dj-main class
  • Vertical transition at first level - enable vertical transition of submenu at first level. You can mix vertical, horizontal and fade transition as you want.
  • Horizontal transition at first level - enable horizontal transition of submenu at first level. You can mix vertical, horizontal and fade transition as you want
  • Fade effect at first level - enable fade transition of submenu at first level. You can mix vertical, horizontal and fade transition as you want
  • Vertical transition at other levels - enable vertical transition of submenu at second and further levels. You can mix vertical, horizontal and fade transition as you want.
  • Horizontal transition at other levels - enable horizontal transition of submenu at second and further levels. You can mix vertical, horizontal and fade transition as you want
  • Fade effect at other levels - enable fade transition of submenu at second and further levels. You can mix vertical, horizontal and fade transition as you want
  • Tansition effect – choose the transition effect type
  • Effect duation - set effect duration time in miliseconds (1000 ms = 1 second)
  • Delay time before close submenu - set delay time in miliseconds (1000 ms = 1 second)

Notice!
Remember to publish System – Mootools Upgrade plugin to get mootools effects work properly.
Navigate to Extensions > Plugin Manager and check if the plugin is published.
Requirements:
Joomla! 1.5.19+ (plugin is available since Joomla! 1.5.19 as core plugin)
Subscribe to RSS Feed Follow me on Twitter!