Double Horizontal Menu Example by Deluxe-Menu.com
Double Horizontal Menu Example

Template:






    - Relative/Absolute menu position
    - Filters and Transitional effects
    - Image arrows
    - Items with icons
    - Top items and submenus have a shadow
    - Unlimited number of sub levels
    - Horizontal or vertical orientation
    - Several menus on one page




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

Menu Screenshots

Double Horizontal Menu Example Menu Dynamique Horizontal Frame

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

Features

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!
Cost Effective
Menu Dhtml Templates Double Horizontal Menu Example
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed double horizontal menu example samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
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
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
Buy Now!   ::  Free Trial Download   ::  More Info

Javascript Menu. DHTML Menu.

  • Sub menus dropdown over all the objects on the page (select, applet, flash, object, embed). If for some reasons (old browser) a submenu can't go over an object, the object will be hidden for a time when the submenu is shown.
  • Design personal styles for any submenu and item. Use individual styles to rich killer visual effects!
  • These effects will make your menu neat and chic. You can set transparency, cast a shadow on the menu and submenus. Among available special visual effects there are random dissolve, fade, mix, mosaic slide out and many many others.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: What i am doing is a horizontal menu with submenus opening down vertically. The main menu and sub menu has a background image. These are rather large for a menu and when the sub menu expands i want it to stay below the main menu and not go upwards to cover the main menu when the browser window is too small.


A: Yes, they will stay forcibly below the main menu.

You can use Smart Scrollable Feature. In that case sub menus won't cover
the main menu items. You can see an example here
http://deluxe-menu.com/scrollable-submenus-sample.html

You may specify the exact height for submenus, for example:

  var smHeight="500px";

Use the following parameters to set the direction for submenus:
  var subMenuAlign="left";
  var subMenuVAlign="top";
For more info see:
http://deluxe-menu.com/ways-showing-submenus-sample.html

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: I am really interested in this product but I am having difficulty adding content to the java menu bar tabs. I checked the FAQ section and followed the directions, but when I test it nothing happens and I get an error on page at the bottom.


A: See, for each item you should assign the ID property of the contentDIV (see data file with your menu parameters). You should set  var tabMode=0;

["Style Name","contentName", "", "", "", "", "1", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Style Description","contentDescription", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Style Variations","contentVariations", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Empty","", "", "", "", "", "2", "", "", ],

And on your html page you should create DIV's with such ID. You canset background image for these DIV's in styles.

<div id="contentName" style="height: 0%; visibility: hidden; background-image: url('img/back.jpg'); background-repeat:repeat-y;" class="tabPage">
<br><br><br>
<p align=center><img src="img/style01_title.gif" width=140 height=90 alt="Glass Style Tabs"></p>

<br><br><br>

You should paste your content here!!!!!
</div>

<div id="contentDescription" style="height: 0%; visibility: hidden;" class="tabPage">

<br><br><br>
<p align=center><img src="img/style01_title.gif" width=140 height=90 alt="Glass Style Tabs"></p>

<br><br><br>

You should paste your description here!!!!!
</div>-image: url('img/back.jpg'); background-repeat:repeat-y;" class="tabPage">

<br><br><br>
<p align=center><img src="img/style01_title.gif" width=140 height=90 alt="Glass Style Tabs"></p>

<br><br><br>

You should paste your content here!!!!!
</div>

<div id="contentDescription" style="height: 0%; visibility: hidden;" class="tabPage">
<br><br><br>
<p align=center><img src="img/style01_title.gif" width=140 height=90 alt="Glass Style Tabs"></p>

<br><br><br>

You should paste your description here!!!!!
</div>


Q: How does an item on the simple html menu connect to pages?

A: You should create menu items in the Deluxe Tuner and specify link and target for each item, for example:

  var menuItems = [
["Upcoming Trainings","http://domain.org/pub/upcoming-trainings", "", "", "", "_self", "", "", "", "", "", ],
["Conferences & Workshops","upcoming-workshops.html", "", "", "", "_blank", "", "", "", "", "", ],
["Continuing Ed","ceu.html", "", "", "", "main", "", "", "", "", "", ],
];

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