Menu Deroulant Joomla by Deluxe-Menu.com
Menu Deroulant Joomla

Menu Screenshots

Menu Deroulant Joomla Javascript Expanding Navigation Menu Hover

Features

Compatibility              
  • Full cross-browser compatibility including IE, Netscape, Mozilla, Opera, Firefox, Konqueror and Safari on Windows, Mac OS and Linux
  • Menu can be populated from a database using ASP, PHP, etc.
  • Search engine friendly
  • Support for any doctypes
  • Fits for secure sites
  • Section 508 compliant
Seamless Integration
  • Cross-frame support - menus work on frameset-based pages
  • Visible over flash, select boxes, iframes, java applets
  • Multiple menus on the same page
  • Amicable to other scripts and css styles
  • Any HTML code can be used inside menu items
Popup Menu Javascript Tutorial Menu Deroulant Joomla
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed menu deroulant joomla samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Easy Setup
  • De Luxe Tuner. GUI interface to create your menu deroulant joomla menus easily and in no time
  • Sensible menu parameters for manual editing
Cost Effective



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Setup menu parameters manually or using De Luxe Tuner. Then add some rows of a code within html page code and your menu is ready!
  • Use special Java Script methods for: Dynamic changing of items (link, text, icons, arrows and even individual style!). Addition/removing of items or submenus. Disabling and enabling menu items. Getting the info on every submenu, menu, and items. Changing appearance of items. Other coding tricks.
  • Cross-frame mode lets you to construct full-featured dhtml menus on the pages with frames. But for all that frame set it's not necessary to insert any additional code into all the pages - just specify several extra menu parameters.
  • Ability to handle the menu from the keyboard via keystrokes.

Recent Questions

Q: I used the drop menu creator to create a simple tab example, and I created a simple HTML file to display the tabs. It initially appears fine when the page first displays (e.g., the correct div is hidden), but when I *first* click on a tab I always get a javascript error deep in the .js code. Then I click around a bit between the tabs and get some display problems (no more javascript errors though), until finally the show/hide logic recovers and all looks ok.

The error I initially get is something like “tabs[…].id is not an object”. I have the IE7 debugger turned on, otherwise I might not ever see this error.

FYI, I tried your example menus on your web site and everything is fine! Maybe the .js files on your web site are not the same as those created by the generator?

A: You should set the following parameter in drop menu creator:

  var bselectedSmItem=0;



Q: I have tried various different ways,I cannot get a separator image I have specified in the Separators section to display for the navigation-bar-menu. I have verified that the image exists, but still nothing.

A: To add a separator you should

//--- Separators
  var separatorImage=""; //for subitems (top items in vertical menu)
  var separatorWidth="100%";
  var separatorHeight="3px";
  var separatorAlignment="right";
  var separatorVImage="separator.gif"; //for the top items (subitems items in vertical menu)
  var separatorVWidth="100%";
  var separatorVHeight="2px";
  var separatorPadding="";

You can create separators using menuItems (you can do it in Deluxe
Tuner, use "Add separator" button), for example:

   ["||All Images","gallery_all.html", , , , "_self", , , , ],
   ["||-"],
   ["||Pricing & Ordering Info","gallery_pricing.html", , , ,"_self", , , , ],




Q: We purchased your deluxe menu two months ago. Right now, I try to resize the menu icon to fit our website. I changed MenuHeight, I got duplicate menu icons. I also want to change Menu Icon font, but I couldn't do it. We have your previous version menu system, As soon as we change bigger font for Menu Icon, it will be resize. I really think you sould have this function. Otherwise, I got create my own image.

A: See images in Vista Templates have the fixed width and height (92 x21).

If you want to change items' width/height you should change images.

btn_magentablack.gif
btn_magenta.gif

You can do it in any graph editor, for example in Adobe PhotoShop.

To change font in the top items you should change your Individual ItemStyle.

  var itemStyles = [
["itemWidth=92px","itemBorderWidth=0","fontStyle=normal 11px
Tahoma","fontColor=#FFFFFF,#FFFFFF","itemBackImage=data-vista-03.files/btn_magentablack.gif,data-vista-03.files/btn_magenta.gif"],
];

You can do it in Deluxe Tuner.



Q: We are having a bit of trouble with your menu, when you go down into a sub menu, and then back to the item that called it, the sub menu expands.

For example, if i have this menu structure

File
     New
     Save
     Exit

When i MouseOver New and then MouseOver File, the menu containing New, Save and Exit will grow. If i keep doing this then the menu will continue to expand horizontally.

I know its something we have done, since there doesn't seem to be a problem on your site, its just i don't know what it is


A: Rozi, we heard about such problems. I suppose that you see such effectin IE.

Please, try not to use shadow in the menu.
Please, set this parameter:
  var shadowLen=0;

We'll correct this bug soon.

Try also write all units in "px", for example:

  var itemPadding = "3px";