DJ-Menu
Overview files

All packages can be downloaded at http://www.design-joomla.eu/downloads/download.html

A complete list of available install packages:

  • DJ-Menu module
 
Installation

Navigate Extensions > Install/Uninstall

 

install1

 

Choose the package and press Upload File & Install.

 

install2

 

 
DJ-Menu module

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)