Universal Css Navigation Menu by Deluxe-Menu.com
Universal Css Navigation Menu

Menu Screenshots

Universal Css Navigation Menu Menu Expand

Features

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
High Performance
  • AJAX menu loading - loads web menu data from the server "on-the-fly".
  • Commonly loads quicker than other html page elements
  • UL/LI items structure
  • Runs well with an unlimited number of submenus and items
Navigation Menue Dropdown Javascript Universal Css Navigation Menu
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed universal css navigation menu 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 universal css navigation menu menus easily and in no time
  • Sensible menu parameters for manual editing
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



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Apply any font of any color, size and font decoration you need. Use any available type, color and thickness of a menu's frame. Choose any color for submenus and items backgrounds.
  • Set the size of the menu in percent, pixels, or other units. This menu may have a relative (it can be inserted into the table, for example) or absolute position .
  • Specify various values for spacing and padding for the whole menu and for each separate submenu.
  • You can specify a time for delays in showing or hiding of a submenu. Use special prefixes for image paths and links to make paths absolute.
  • Create separators using your own pictures, size and alignment.

Recent Questions

Q: Obviously your menus are NOT cross browser usable, as you can e.g. Padding does not work in opera, while it works in IE.
When will there be an update on that bug?


A: Deluxe Menu works fine in all browsers.
Try to set exact width for the menu width and menu height, try also to specify unitsin "px":
  var menuWidth="500px";
  var menuHeight="20px";
  var smWidth="116px";
You should also check your padding parameter, you should write it so:
  var itemPadding="1px 1px 1px 12px";



Q: How can I get an image to be a separator in between items on my css vertical drop down menu?

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 DeluxeTuner, use "Add separator" button), for example:

  var menuItems = [
["item 1"],
["-"], // this item is separator
["item 2"],
];

Q: How can I place the dhtml pull down menu onto multiple pages using FrontPage 2000? I am not using CSS. Do I need to copy the html into all of the pages, or just place the script into each page?

A: Yes, you should paste the following html code on your pages:

<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript>
<script type="text/javascript" language="JavaScript1.2" src="dmenu.js"></script>
...
<script type="text/javascript" language="JavaScript1.2" src="data.js"></script>

If you don't want to add such code on each page, you can try to useframes, the dhtml pull down menu has a cross-frame mode. Also you can use aserver-side script (php, asp, vb, etc.) to generate html pages fromtemplates on your server.



Q: Is it possible to hide the plus signs so only the icon and the menu text show?


A: Yes, you can do it.
You should write so:

//------- Buttons -------
  var texpandBtn = ["","",""];
  var texpandBtnW = "";
  var texpandBtnH = "";
  var texpandBtnAlign = "left";