Template:

Photobuket Style Template - Drop Down Navigation Menu

    - Submenus go over all page objects
    - Transition #14 - "fade out" effect
    - Status string shows item labels
    - Filters and Transitional effects
    - Relative/Absolute menu position
    - Horizontal or vertical orientation
    - Deluxe Tuner - visual interface to create and modify dhtml menus easily and in no time.
    - 85% transparency for sub menus

2 0 Navigation Buttons by Web-Buttons.com v3.0.0

Buy Now! :: Free Trial Download :: Blog :: More Info

Menu Screenshots

Buy Now! :: Free Trial Download :: More Info

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

Easy Setup

De Luxe Tuner. GUI interface to create your css flyout menu opencart menus easily and in no time
Sensible menu parameters for manual editing

How To Make A Drop Menu Css Flyout Menu Opencart

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

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

Professional Look-n-feel

Entirely customizable look-n-feel
A lot of pre-designed css flyout menu opencart samples
Hundreds of visual effects
Custom CSS styles can be applied for all menu settings

2.0 Buttons by Web-Buttons.com v3.0.0

Buy Now! :: Free Trial Download :: More Info

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.

Buy Now! :: Free Trial Download :: More Info

Recent Questions

Q: Do the Vista style menus support a separator?
It seems to add some space but the separator line is not drawn.

A: Yes, you can paste a separator in the Vista style menus.

Please, see the following parameters:

//--- Separators
  var separatorImage=""; //for subitems
  var separatorWidth="5";
  var separatorHeight="100%";
  var separatorAlignment="right";
  var separatorVImage="images/public/separator.gif"; //for the top items
  var separatorVWidth="3";
  var separatorVHeight="100%";
  var separatorPadding="";

You should set a separator in the menuItems, for example:

  var menuItems = [
["Home","index.cfm", , , , , , , , ],
["-"],
["About Us","about.cfm", , , , , , , , ],

];
Try that.

Q: What I want to do is use your XP Tabs Template.
It appears fine in the Preview Pane but when I load it on my web page the sub-items are all listed on the same line as the tabs.

A: If you want to create subtabs in your menu you should use Tab Mode
var tabMode=1;
and write your bmenuItems in the following way:

var bmenuItems = [

["-","", "", "", "", "", "", "", "", ],
["XP Tab 1","content1", "", "", "", "", "", "", "", ],
["XP Tab 2","content2", "", "", "", "", "", "", "", ],
["|SItem 226","", "", "", "", "", "", "", "", ],
["XP Tab 3","content3", "", "", "", "", "", "", "", ],
["|SXP Tab 4","content4", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "", "", "", ],
];
but in that case you can't assign the ID of the DIV to show when youclick on the tab. You can set the links only.

Q: I am not able to get the Keystrokes function to work. The variable is set to 1 on both parameters and it is set at 113 for the F2 function key but it is not highlighting anything on the horizontal menu I have, any ideas?

A: Please check that you have dmenu_key.js file in the same folder withyour dmenu.js file.

You can also send us a copy of your html page (including .js files) ora direct link to your website, so we can check it.

Q: How do I make the buttons in my java navigation menu transparent?
I only want to see the letters appear in my table and not the button until I mouse over it?

A: To set transparent background for the menu you should set:

var menuBackColor="transparent";
var itemBackColor=["transparent","transparent"];

Buy Now! :: Free Trial Download :: More Info