Dhtml Menu Vertical by Deluxe-Menu.com
Dhtml Menu Vertical

Template:

Grey Rounded Menu Template - Pure Css Menu






    - Visible over select boxes, iframes, pdf, flash, Java applets.
    - 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
    - Relative/Absolute menu position
    - Special JavaScript API for changing javascript menu "on-the-fly"
    - AJAX menu loading - loads web menu data from the server "on-the-fly".




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

Menu Screenshots

Dhtml Menu Vertical Dhtml Treemenu

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

Features

Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed dhtml menu vertical 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 dhtml menu vertical menus easily and in no time
  • Sensible menu parameters for manual editing
Vertical Menu Templates Dhtml Menu Vertical
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
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.

  • 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: Is it possible to change the background color of just one of the menu buttons within a javascript expand menu?

A: Yes, it is possible.
Use Individual Item Styles.

Create Individual Item style and assign it to your submenu items usingDeluxe Tuner.

  var itemStyles = [
["itemBackColor=#800000,#FF8080"], //style0
];

["Home","testlink.html", "", "", "", "", "", "", "", "", "", ],
["Product Info","", "deluxe-menu.files/icon1.gif","deluxe-menu.files/icon1o.gif", "", "", "0", "", "", "", "", ], //style0
 ["|Features","testlink.html", "", "", "", "", "0", "0", "", "", "", ],
 ["|Installation","", "", "", "", "", "0", "", "", "", "", ],
   ["||Description of Files","testlink.html", "deluxe-menu.files/icon6.gif", "deluxe-menu.files/icon6o.gif", "", "", "0", "0", "","", "", ],
   ["||How To Setup","testlink.html", "deluxe-menu.files/icon6.gif", "deluxe-menu.files/icon6o.gif", "", "", "0", "", "", "", "", ],
...

Q: Can you tell me the difference between a target and a link.

Also can you explain what self, blank, top, parent, search and custom mean in the javascript menu table please.

A: Link is the url you want to open when you click on the javascript menu table item.

Target controls where you'll open your link:
"_self" - open link in the same window
"_blank" - open link in the new window
"_parent" - will load the linked document where the inner frameset file had been
"_top" - loads the linked document in the topmost frame
custom - you should write here the name of the frame where you want to
open the linked document, for example:
"framename"
"_search" - this target causes the link to load in the browser's Search pane. (Internet Explorer 5.0 and later.)

You can find more info here:
http://www.htmlcodetutorial.com/linking/_A_TARGET.html



Q: I am using the GUI, and have read in your literature that you can put the HTML table in the text area of the javascript select menu item.

However, when I do this nothing displays. Can you please let me know where I a supposed to put the HTML info into the gui. I just want this to be able to show when I click the tab.

A: You should paste your content in the <div> .. </div> tags.

<div id="content1" style=" visibility: hidden;" class="tabPage">
<br><br><br>
<p align=center><img src="img/logo_DM.gif" width=262 height=56 alt="Deluxe-Menu.com"></p>
</div>

<div id="content2" style="visibility: hidden;" class="tabPage">
<br><br><br>
<p align=center><img src="img/logo_DT.gif" width=262 height=56 alt="Deluxe-Tree.com"></p>

</div>

<div id="content3" style=" visibility: hidden;" class="tabPage">
<br><br><br>
<p align=center><img src="img/logo_DTabs.gif" width=254 height=58 alt="Deluxe-Tabs.com"></p>
</div>

See in Deluxe Tabs there are two modes:

1.   var tabMode=0;
You can create only one level of tabs and assign Object Id's of theDIV's to show when you click on the tab.

["XP Tab 1","content1", "", "", "", "", "", "", "", ],
["XP Tab 2","content2", "", "", "", "", "", "", "", ],
["XP Tab 3","content3", "", "", "", "", "", "", "", ],
["XP Tab 4","content4", "", "", "", "", "", "", "", ],

2.   var tabMode=1;
You can assign only links in this mode.
You should create top level items with subitems.

["XP Tab 1","", "", "", "", "", "", "", "", ],
 ["|Link 1_1","http://deluxe-tabs.com", "", "", "", "", "0", "", "", ],
 ["|Link 1_2","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 1_3","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 1_4","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 1_5","testlink.htm", "", "", "", "", "0", "", "", ],
["XP Tab 2","", "", "", "", "", "", "", "", ],
 ["|Link 2_1","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 2_2","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 2_3","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 2_4","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 2_5","testlink.htm", "", "", "", "", "0", "", "", ],
["XP Tab 3","", "", "", "", "", "", "", "", ],
 ["|Link 3_1","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 3_2","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 3_3","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 3_4","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 3_5","testlink.htm", "", "", "", "", "0", "", "", ],

You can use Object ID as well as Link in both modes. Use the following prefixes within item's link field:
"object:" - means that there is object id after it;
"link:" - means that there is a link after it.
"javascript:" - means that there is a javascript code after it, for example:javascript:alert(\'Hello!\')

So, you should write for example:

 ["|Link 1_1","object:Content1_1", "", "", "", "", "0", "", "", ],



Q: I just purchased your product and I’d like to generate a menu with NO DROP SHADOW effect.

Is that possible?


A: Thanks for your interest in our products.

Yes, you can do it. Try to set the following parameter:

  var shadowLen=0;


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