Css Vertical Slide Menu by Deluxe-Menu.com
Css Vertical Slide Menu

Menu Screenshots

Css Vertical Slide Menu Example Vertical Navigation Menus

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!
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed css vertical slide menu samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Javascript Menu Pulldown Css Vertical Slide Menu
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 vertical slide menu menus easily and in no time
  • Sensible menu parameters for manual editing
Cost Effective



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Good menu is an essential part of website commercial success. If people can't find their way around the site, they will fast give up seeking and retire, never to return. So, it's extreme serious that your website has a accurate, precise, prompt, and navigation of immaculate appearance.
    Don't let your web site guests to get lost. Try Deluxe Menu!

Recent Questions

Q: Why can't I have more than 5 buttons in Vista 1?

If I add any the color proporties do not show up.


A: You should assign Individual style to the new item.

Please, click on the new item.

In the window "Item Parameters" you should assign to Item Style"Top Item".


Q: I would like to separate each main js dropdown menu item (Find an Expert, Contact...etc) with a dotted line graphic. If you look at the js dropdown menu, you will see that each graphic is separated by a dotted line. I am trying to replicate that look in the Deluxe Menu. Is there a way I can do that? I tried to use the "separatorImage" value in the DeluxeTuner, but it didn't seem to do anything. Is there a way to put a dotted border just along the bottom of them item, instead of around the whole item (like a box)? Or is there a way to insert the graphic between the items?

A: To add a separator you should

//--- Separators
  var separatorImage=""; //for subitems (top items in vertical menu)
  var separatorWidth="100%";
  var separatorHeight="3px";
  var separatorAlignment="right";
  var separatorVImage="separator.gif"; //for the top items (subitems items in vertical menu)
  var separatorVWidth="100%";
  var separatorVHeight="2px";
  var separatorPadding="";

You can create separators using menuItems, for example:

  var menuItems = [
["item 1"],
["-"], // this item is separator
["item 2"],
];



Q: I just purchased your multiple site bundle and have a menu question.

I need to create a menu for a site that has the top level menu have no border but I want any of the sub menu popups to have a border around them (or a different background color for the menu area for the popup). I can not see a way to do this? If a put a menu border on it appears on both the top level and any submenu popups.


A: You should use Individual Item Styles.

You should set the following parameters:

1)   var menuBorderWidth=0;
2) Create Submenu Style

  var menuStyles = [
["menuBorderWidth=1","menuBorderStyle=solid","menuBorderColor=#7E5927"], //style 0
];
You can do it in Deluxe Tuner. Click "Edit Individual Styles" and thenchoose "Submenu Styles" tab.

3) Assign Individual Style for your submenus.
You can assign them only for the first item in each submenu.
For example:
  var menuItems = [

["Home","testlink.html", "", "", "", "", "", "", "", ],
["Product Info","", "default.files/icon1.gif", "default.files/icon1o.gif", "", "", "", "", "", ],
 ["|Features","testlink.html", "default.files/icon2.gif", "default.files/icon2o.gif", "", "", "", "0", "", ], //style 0

 ["|Installation","", "default.files/icon2.gif", "default.files/icon2o.gif", "", "", "", "", "", ],    ["||Description of Files","testlink.html", "default.files/icon6.gif", "default.files/icon6o.gif", "", "", "", "0", "", ], //style 0
   ["||How To Setup","testlink.html", "default.files/icon6.gif", "default.files/icon6o.gif", "", "", "", "", "", ],
 ["|Parameters Info","testlink.html", "default.files/icon2.gif", "default.files/icon2o.gif", "", "", "", "", "", ],



Q: Looking at the tab menu code below, am I right in guessing what the first 6 parameters are, and can you tell me what the last 3 are forplease?

  var bmenuItems = [

["-","", "", "", "", "", "", "", "", ],

["Title","...link.asp", "iconNormal", "iconMouseOver","iconSelected", "tootip", "?", "?", "?", ],

["-","", "", "", "", "", "", "", "", ],
];


A:   var bmenuItems = [

[item_text, object_to_show, normal_icon, mouseover_icon, selected_icon, tooltip, item_style],

[item_text, object_to_show, normal_icon, mouseover_icon, selected_icon, tooltip, item_style],
...
];

so it's a item_style, the last two are reserved and not used.

http://deluxe-tabs.com/product-info/?individual-item-styles