Menu4Joomla! - full featured DHTML menu for joomla!

Main Menu

Main Menu
Lxmenu Error: Either the menu does not have any menu items or all menu items are unpublished!

body {behavior: url(http://www.menu4joomla.com/modules/mod_lxmenupro/csshover.htc);} table.moduletable div#othermenu16lxmenupro, div.module div#othermenu16lxmenupro { position: relative; top: 0px; left: 0px; background: transparent; width: auto; } table.moduletable div#othermenu16lxmenupro ul, div.module div#othermenu16lxmenupro ul { margin: 0; padding: 0; width: 140px; height: auto; } table.moduletable div#othermenu16lxmenupro li, div.module div#othermenu16lxmenupro li { position: relative; list-style: none; margin: 0; height: 21px; width: 110px; background-color: #6699CC; } table.moduletable div#othermenu16lxmenupro li:hover, table.moduletable div#othermenu16lxmenupro li.currentsub, div.module div#othermenu16lxmenupro li:hover, div.module div#othermenu16lxmenupro li.currentsub { background-color: #FFFFFF; z-index: 20; } table.moduletable div#othermenu16lxmenupro li.mainitem, div.module div#othermenu16lxmenupro li.mainitem { height: 21px; width: 140px; background-color: #6699CC; } table.moduletable div#othermenu16lxmenupro li.mainitem:hover, table.moduletable div#othermenu16lxmenupro li.currentmain, div.module div#othermenu16lxmenupro li.mainitem:hover, div.module div#othermenu16lxmenupro li.currentmain { background-color: #E0E0E0; } table.moduletable div#othermenu16lxmenupro li a, div.module div#othermenu16lxmenupro li a { display: block; padding-top: 4px; padding-right: 5px; padding-bottom: 3px; padding-left: 5px; color: #FFFFFF; font-size: 11px; font-family: tahoma,verdana,arial; font-weight: bold; text-align: left; direction: ltr; unicode-bidi: bidi-override; text-decoration: none; border-top-width: 0; border-right-width: 0; border-bottom-width: 0; border-left-width: 0; width: auto; height: auto; } table.moduletable div#othermenu16lxmenupro li:hover>a, table.moduletable div#othermenu16lxmenupro li.currentsub>a, div.module div#othermenu16lxmenupro li:hover>a, div.module div#othermenu16lxmenupro li.currentsub>a { color: #006699; font-weight: bold; text-align: left; direction: ltr; unicode-bidi: bidi-override; text-decoration: none; border-top-width: 0; border-right-width: 0; border-bottom-width: 0; border-left-width: 0; } table.moduletable div#othermenu16lxmenupro li.mainitem>a, div.module div#othermenu16lxmenupro li.mainitem>a { padding-top: 4px; padding-right: 5px; padding-bottom: 4px; padding-left: 5px; color: #FFFFFF; font-size: 11px; font-family: tahoma,verdana,arial; font-weight: bold; text-align: left; direction: ltr; unicode-bidi: bidi-override; text-decoration: none; border-top-width: 0; border-right-width: 0; border-bottom-width: 0; border-left-width: 0; border-right-style: solid; border-right-width: 1px; border-right-color: #006699; border-left-style: solid; border-left-width: 7px; border-left-color: #006699; } table.moduletable div#othermenu16lxmenupro li.mainitem:hover>a, table.moduletable div#othermenu16lxmenupro li.currentmain>a, div.module div#othermenu16lxmenupro li.mainitem:hover>a, div.module div#othermenu16lxmenupro li.currentmain>a { color: #006699; font-weight: bold; text-align: center; direction: ltr; unicode-bidi: bidi-override; text-decoration: none; border-top-width: 0; border-right-width: 0; border-bottom-width: 0; border-left-width: 0; border-right-style: solid; border-right-width: 1px; border-right-color: #006699; border-left-style: solid; border-left-width: 7px; border-left-color: #006699; } table.moduletable div#othermenu16lxmenupro ul.level1 a, div.module div#othermenu16lxmenupro ul.level1 a { width: auto; } table.moduletable div#othermenu16lxmenupro li.folder>a, div.module div#othermenu16lxmenupro li.folder>a { } table.moduletable div#othermenu16lxmenupro>ul a, div.module div#othermenu16lxmenupro>ul a { width: auto; } table.moduletable div#othermenu16lxmenupro ul ul, div.module div#othermenu16lxmenupro ul ul { display: none; position: absolute; top: 0px; left: 110px; width: 110px; } table.moduletable div#othermenu16lxmenupro ul ul.level1, div.module div#othermenu16lxmenupro ul ul.level1 { left: 140px; } table.moduletable div#othermenu16lxmenupro ul.level0 li.folder:hover ul.level1, table.moduletable div#othermenu16lxmenupro ul.level1 li.folder:hover ul.level2, table.moduletable div#othermenu16lxmenupro ul.level2 li.folder:hover ul.level3, table.moduletable div#othermenu16lxmenupro ul.level3 li.folder:hover ul.level4, table.moduletable div#othermenu16lxmenupro ul.level4 li.folder:hover ul.level5, table.moduletable div#othermenu16lxmenupro ul.level5 li.folder:hover ul.level6, table.moduletable div#othermenu16lxmenupro ul.level6 li.folder:hover ul.level7, table.moduletable div#othermenu16lxmenupro ul.level7 li.folder:hover ul.level8, table.moduletable div#othermenu16lxmenupro ul.level8 li.folder:hover ul.level9, div.module div#othermenu16lxmenupro ul.level0 li.folder:hover ul.level1, div.module div#othermenu16lxmenupro ul.level1 li.folder:hover ul.level2, div.module div#othermenu16lxmenupro ul.level2 li.folder:hover ul.level3, div.module div#othermenu16lxmenupro ul.level3 li.folder:hover ul.level4, div.module div#othermenu16lxmenupro ul.level4 li.folder:hover ul.level5, div.module div#othermenu16lxmenupro ul.level5 li.folder:hover ul.level6, div.module div#othermenu16lxmenupro ul.level6 li.folder:hover ul.level7, div.module div#othermenu16lxmenupro ul.level7 li.folder:hover ul.level8, div.module div#othermenu16lxmenupro ul.level8 li.folder:hover ul.level9 { display:block; } table.moduletable div#othermenu16lxmenupro ul.level1, div.module div#othermenu16lxmenupro ul.level1 { -moz-opacity: 0.85; }

#othermenu16_menu { display: none; }

Lxmenu Error: Either the menu does not have any menu items or all menu items are unpublished!

Newsflash

27/02/2006: A comparison table showing you the differences between LxMenu Pro and NGMenu

25/03/2007: New version of LxMenu Pro (1.24) released.

20/04/2007: NGMenu 1.3.2 released. Supporting now three item states (normal, hover and active).

Horizontal demo (main items with different width, centered, fading effect)

Horizontal demo (main items with different width and sub items with dynamic height, right aligned, fading effect)

Screenshots LxMenu Pro

Some screenshots showing the configuration area from LxMenu Pro 1.22. The realtime preview and color picker stay always on top until they were closed. Both of them are dragable.


Main menu common settings tab with realtime preview from the selected menu structure.	Main menu background settings tab with realtime preview and color picker.
Main menu border settings tab with realtime preview.	Main menu label settings tab with realtime preview.
Sub menu common settings tab with realtime preview.	Sub menu label settings tab with opened color picker (palette grey scale) overlapping the realtime preview.