Free Menubar With Submenu by Deluxe-Menu.com
Free Menubar With Submenu

Template:

Glossy Menu Template - DHTML Menu Navigation






    - Top items and submenus have a shadow
    - Several menus on one page
    - UL/LI items structure
    - Deluxe Tuner - visual interface to create and modify dhtml menus easily and in no time.
    - Items with icons
    - Cross-frame support - menus work on frameset-based pages
    - Search feature - add the search area in the menu and type symbols.
    - Visible over select boxes, iframes, pdf, flash, Java applets.




2 0 Navigation Buttons by Web-Buttons.com v3.0.0
Buy Now!   ::  Free Trial Download   ::  Blog   ::  More Info

Menu Screenshots

Free Menubar With Submenu Drag Drop Menu Javascript

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

Features

Easy Setup
  • De Luxe Tuner. GUI interface to create your free menubar with submenu menus easily and in no time
  • Sensible menu parameters for manual editing
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed free menubar with submenu samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Html Code For Floating Menu With Drop Down Menu Free Menubar With Submenu
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
Cost Effective
Unrivalled Features
  • Scrollable, dragable, floating, right-click menus
  • Keyboard navigation - press Ctrl+F2 to enter the menu
  • Unique Java Script API for altering menu "on-the-fly", without page reloading
  • AJAX technology - loads menu data from the server "on-fly and on-demand".
  • Search feature - add the search area in the menu and type symbols. The found words will be higlighted.
  • Sound support!



2.0 Buttons by Web-Buttons.com v3.0.0
Buy Now!   ::  Free Trial Download   ::  More Info

Javascript Menu. DHTML Menu.

  • Use images for backgrounds of submenus and items, icons, arrows. Using web images you can create menus completely based on graphics.
  • Design both horizontal and vertical menus and submenus with any amount of menus on a single page.
  • Place any HTML code inside the menu item - be it a flash-object, form, picture, or text. This ability lets you to build various menus of any complexity.
  • Submenus can be shown in 4 ways: - From left to right and also from left to right + upwards. - From right to left and also from right to left + upwards (e.g. for right-to-left languages).
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: We have several problems with your menu.
Notice when trying to select a drop down item…the item disappears, rather than holding in place as the mouse is over the menu item.

Second, we’d like to know how to expand the width of the main headers and sub headers. Currently, they are not of the same width.

Lastly, we’d like to change the font and load new fonts to match the branding of the menu items.
Please let us know where we can find instructions to make these modifications/customizations.


A: Please, try to write your menuItems parameter correctly.
You should set "iconOver" parameter for each item (you can set "").
Please, see how you should write your menuItems:

["","index.php","nav_home_out.gif","nav_home_over.gif","","_self","0",,,],
["","","nav_experience_out.gif","nav_experience_over.gif","","_self","0",,,],
     ["|Contestants","experience_contestants.php","","","_self","2",,,],
...

> Second, we’d like to know how to expand the width of the
> main headers and sub headers. Currently, they are not of the
> same width.

You should use Individual styles, for example:

  var itemStyles = [
["itemWidth=120px","arrowImageMain=image1,image2=home_out.gif,home_over.gif"],     // style 0
["itemBorderWidth=2","itemBorderStyle=solid,solid", "itemBorderColor=#AA0000,#0000FF"],     // style 1
["fontStyle=bold 12px Arial,Helvetica", "fontDecoration=none,underline"],     // style 2
];

  var menuItems = [
["","index.php","nav_home_out.gif","nav_home_over.gif","","_self","0",,,],
    ["","","nav_experience_out.gif","nav_experience_over.gif","","_self","0",,,],
...

For submenus you should set the following parameter:

  var smWidth="150px";

> Lastly, we’d like to change the font and load new
> fonts to match the branding of the menu items.

You should also use Individual styles.
But you should set this parameter:

  var fontStyle="";
And then use different fonts for your items.


Q: "Tools/Use utf8 encode" from my Deluxe Tuner is turned on (with check in it). You mean I will have to uncheck it?

No problem with my pages... it is only with the java swing drop down menu because there are words that doesn't show the correct letters / characters I am encoding both in French and Spanish pages. My boss said, it looks like a virus..(lol..)

A: You should turn on "Tools/Use utf8 encode" property.In that case your data file will be saved in UTF-8 encode. So, youshould set UTF-8 encode on your page too

<meta http-equiv="Content-Type" content="text/html"charset="UTF-8">

If you don't want to use UTF-8 encode on your page you should turn off"Tools/Use utf8 encode" property, save your data file and manuallychange your letters in any text editor.

You can also replace your letters with special sets, for example
É - Capital E, acute accent

  var menuItems = [

["&Eacute;....","testlink.html", "", "", "", "", "", "", "", ],

You can find more info here
http://sunsite.berkeley.edu/amher/iso_8879.html



Q: It actually does work - I got it to work, however some functions like transparency is not working, trial version pop up disappeared and transition when the submenu item comes down is not working - it simply pops the menu down.


A: Please, notice that transitional effects don't work in Firefox.
Effects work in IE only. You can find this info here:

http://deluxe-menu.com/filters-and-effects-sample.html


Q: Can I move the submenu 5px to the right so it doesn’t stick to the main tree javascript hierarchical menu (Please try to separate them without a color).

A: You should set the following parameter:

  var topDX=5;



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