Vertical Tree Dropdown Menu In Css by Deluxe-Tree.com
Vertical Tree Dropdown Menu In Css


Buy Now!  Free Trial Download

Menu Screenshots Vertical Tree Dropdown Menu In Css

Vertical Tree Dropdown Menu In Css Tree Drop Menu

Features Vertical Tree Dropdown Menu In Css

Cost Effective
Seamless Integration
  • 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
Floating Navigation Bar Tree Vertical Tree Dropdown Menu In Css
Unrivalled Features
  • Scrollable, dragable, floating
  • 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".
Easy Setup
  • De Luxe Tuner. GUI interface to create your vertical tree dropdown menu in css 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 vertical tree dropdown menu in css samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Buy Now!  Free Trial Download

Javascript Tree Menu. Expandable Menu.

  • Use images for backgrounds of submenus and items, icons, arrows.
  • Use any amount of menus on a single page.
  • Place any HTML code within the menu item - be it a flash-object, form, picture, or text. This ability lets you to build various menus of any complexity. You can create 3-state icons for each item: normal state, mouseover state, expanded state. After clicking on menu item selected item becomes highlighted.

Recent Questions Vertical Tree Dropdown Menu In Css

Q: Can we right justify the secondary nav?
If so, can you send instructions on how. Thanks.


A: You should set the following parameters:

  var titemAlign = "right";
  var ticonAlign = "right";


Q: Thanks for getting back with me but how do you build the menu?

I opened Deluxe Tuner program to build a menu and there are categories titled common, dimensions, font, appearance etc. and I have NO IDEA what to do?

Can you walk me through the development of a menu?


A: First of all you should add items.
Please, click "Add item" and "Add subitem".
In the "Item parameters" window you can set text, link, target, iconsfor the menu items. You can also assign different style for each menuitem (item style and submenu style).
But at first you should create this style. Click "Edit IndividualStyle/Add Style" and set different parameters for the style.

Try to set different parameters of the menu.
In the "Preview window" you can see all your changes.

First of all you should choose menu orientation:
  var isHorizontal = 1; Menu orientation: 0 - vertical, 1 - horizontal.

You can set exact width and height of the menu in the "Dimension"category.

You should set
  var absolutePos=1;
if you want to have absolute positioning menu.

Font style you can set in the "Font" category.

To set color of the menu you should set the following parameters:
  var menuBackColor="#FCEEB0";
  var menuBorderColor="#C0AF62";
  var itemBackColor=["#FCEEB0","#65BDDC"];
  var itemBorderColor=["#FCEEB0","#4C99AB"];

Try also to change these parameters:
  var itemSpacing=3;
  var itemPadding="3px";

Arrows for main items and subitems you can set here:
  var arrowImageMain=["default.files/arrowmain.gif","default.files/arrowmaino.gif"];
  var arrowImageSub=["default.files/arrowsub.gif","default.files/arrowsubo.gif"];

If want to have floatable or movable menu you should set the followingparameters:
  var floatable=0;

  var movable=0;

You can also try to change any template.


Q: I am sure this is a pretty minor thing…When one of my dhtml menu dropdown items is a link to a url, is there a setting to change the cursor to a hand versus the normal arrow? Basically, I want the links of the dhtml menu dropdown items to look like most other links on any webpage.

A: Try to set the following parameter:

  var itemCursor="pointer";



Q: How many of the menus (templates) allow for a javascript float menu?

A: Actually all templates can float, you should only set the followingparameters:

  var floatable=1;
  var floatIterations=5;
  var floatableX=1;
  var floatableY=1;
  var floatableDX=15;
  var floatableDY=15;

You can find a javascript float menu sample here:

http://deluxe-menu.com/floatable-menu-sample.html