Rockettheme Vertical Menu by Deluxe-Menu.com
Rockettheme Vertical Menu

Template:






    - Unlimited number of sub levels
    - Submenus go over all page objects
    - Sound support!
    - Transition #14 - "fade out" effect
    - Inactive/Disabled items
    - Submenus dropdown on mouseover
    - Filters and Transitional effects
    - Horizontal or vertical orientation




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

Menu Screenshots

Rockettheme Vertical Menu Cascade Html Menu

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

Features

Cost Effective
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed rockettheme vertical menu samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Script Javascript Menu Rockettheme Vertical Menu
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.

  • You can set the size of the menu in pixels, percent or other units. The menu may have an absolute or relative position (it can be inserted into the table).
  • Use any necessary font of any color, size and font decoration. Create any available type, thickness and color of a menu's frame.Choose any color for backgrounds of submenus and items.
  • Specify various values for padding and spacing for the whole menu and for each separate submenu.
  • You can specify a time for delays in showing or hiding of a submenu. Use special prefixes for image paths and links to make paths absolute.
  • Create separators using your own pictures, size and alignment.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: 1) Can any HTML be inserted in to the text?

2) As the item has no link, how can I prevent the item being highlighted on mouseover?


A: 1) Yes, you can insert any html code within menuItems, for example:

 ["|You can place <b>any HTML code</b><br> to item, for example <u>image</u>:<br><img src=img/logo.gif>","testlink.html"],
 ["|Index  <select style='width:120px;height:17px;font:normal 10px Tahoma,Arial;'><option>Section 1<option>Section 2<option>Section 3</select>", "", "", "", "", "", "", ""],
 ["|Search <input type=text style='width:80px;height:17px;font:normal 10px Tahoma,Arial;'>  <input type=button value='Go' style='width:30px;height:17px;font:normal 10px Tahoma,Arial;'>", "", "", "", "", "", "", "0"],
 ["|Write Us", "mailto:[email protected]", ""],

2) Yes, you can do it.

You should create Individual Style for it.

For example:
  var itemStyles = [
["itemBackColor=#FCEEB0,#FCEEB0","itemBorderColor=,#FCEEB0","fontColor=,#000000"], //style0
];

["Product Info","", "default.files/icon1.gif", "default.files/icon1o.gif", , , "0", , , ], //style0


Q: And another question about displaying the links code in html.

How to create a drop down menu links to be displayed in the html code for search engines to catch them, is that possible?

A: You can use search engine friendly code and install it on yourpage before you call your data file.
You'll see text links in that case.

To create a search engine friendly menu you should add additional html code within your html page:

<div id="dmlinks">
<a href="http://deluxe-menu.com">menu_item_text1</a>
<a href="http://deluxe-tree.com">menu_item_text2</a>
...etc.
</div>

To generate such a code use Deluxe Tuner application.

Run Tuner, load your menu and click Tools/Generate SE-friendly Code (F3)



Q: I never had trouble with your other scripts but Deluxe Tuner is very difficult and I am about to give it up.

I am trying to set up a new navigation bar using vista 3-1. If I add another Vista drop down menu buttons, they have a completely different look to the ones with the templates. It makes no sense.

How do I add items and have it remain the same look?.


A: See, in Vista style templates we use Individual Item Styles for thetop items.
For, example select the first item on the main window.

In the "Item Parameters" window you can see Individual Styles assignedfor this item:
Item Style - Top Item
Submenu Style - Top Menu

When you add the new item you should assign Individual Styles for itin the same way.

That is all.


Q: I can’t seem to figure out how to specify the width of individual items in the website drop down menu.
I would like to specify that each menu item on the horizontal take up just 113px
regardless of the number of characters in the item.
Is there a way of doing that?

A: You should use   var itemStyles to set an individual item style, forexample:

  var itemStyles = [
["itemWidth=113px"]
];

  var menuItems = [
["text 1", "link", "icon1", "icon2", "tip", "target", "0"],
["text 2", "link", "icon1", "icon2", "tip", "target", "0"],
["text 3", "link", "icon1", "icon2", "tip", "target", "0"],
];

Where "0" - style number in itemStyles that contains the parametersfor items width.

Use Deluxe Tuner GUI to create and assign individual styles.



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