Css Collapsable Menu by Deluxe-Menu.com
Css Collapsable Menu

Template:






    - Search feature - add the search area in the menu and type symbols.
    - Relative/Absolute menu position
    - UL/LI items structure
    - Items with icons
    - Inactive/Disabled items
    - Hundreds of pre-designed templates
    - Several menus on one page
    - 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

Css Collapsable Menu Tree Menu In Dhtml

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

Features

High Performance
  • AJAX menu loading - loads web menu data from the server "on-the-fly".
  • Commonly loads quicker than other html page elements
  • UL/LI items structure
  • Runs well with an unlimited number of submenus and items
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed css collapsable menu samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Horizontal Css Javascript Flyout Menu Css Collapsable Menu
Cost Effective
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!
Easy Setup
  • De Luxe Tuner. GUI interface to create your css collapsable menu menus easily and in no time
  • Sensible menu parameters for manual editing



2.0 Buttons by Web-Buttons.com v3.0.0
Buy Now!   ::  Free Trial Download   ::  More Info

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!

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

Recent Questions

Q: I must say, I'm glad I found your products! I am thoroughly impressed with your products! Once we get everything figured out and our menu set up, we'll be purchasing a license for our site.

However, I did have a question. I cannot seem to figure out how to get the individual menu styles to be applied to any of my java script menu items through the Deluxe Tuner. I've looked through through your documentation, but I cannot find anything that explains to me how I do this in the Deluxe Tuner. All I could find is this link:

http://deluxe-menu.com/individual-item-styles-info.html

Which I don't quite fully understand, and by the looks of it, it doesn't appear to explain to me how I customize my individual menu item styles through the Deluxe Tuner.

Could you please either explain to me how to do this, or provide me a link that gives me directions on how to get this to work.

I look forward to doing business with you!

A: To create Individual styles click "Edit Individual Styles..." button.

1) In the "Individual Styles" window click "Add Style", enter the name
of the new style.
2) Edit java script menu parameters of your style
4) Click "OK" button.
5) Select items (you can use Ctrl and Shift buttons to select group ofitems) and assign "Item Style"/"Submenu Style" to it. (in the "Item Parameters" window)



Q: Is there any way I can do the opposite and make the space my separators take up only a few pixels high? At present I can only make them the same height as the other buttons even though the separator image is only 2 pixels high.


A: You should set a separator in the menuItems, for example:

  var menuItems = [
["Home","index.cfm", , , , , , , , ],
["-"],
["About Us","about.cfm", , , , , , , , ],

];

Please, see the following parameters:

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




Q: I am testing your product, and I would like to know, on the menu can the Plus sign be changed to expand a menu to a pointer or bullet?


A: You can use your own icons instead of Plus sign.

You should use the following parameters:

  var texpandBtn=["default.files/expandbtn2.gif","default.files/expandbtn2.gif","default.files/collapsebtn2.gif"];
  var texpandBtnW=9;
  var texpandBtnH=9;


Q: I purchased your menu and I am currently using it. I was trying to use the vista template with the images. Yet when I have an js dropdown menu item that is a little long in text the image breaks in to two buttons. Is there a way to fix this or is that just the way it is with these templates?

A: Images in Vista Templates have the fixed width and height (92 x21):

  var itemStyles = [
["itemWidth=92px","itemHeight=21px","itemBackColor=transparent,transparent","itemBorderWidth=0", "fontStyle=normal 11pxTahoma","fontColor=#3A3A3A,#000000", "itemBackImage=data-vista-2-04.files/btn_olive.gif,data-vista-2-04.files/btn_white.gif"],
];

When items text is too long you can have such effect.

You can try to use combined background for your items, for example:

  var beforeItemImage = [,]; //left-side image for normal and mouse over state
  var itemBackImage = [,]; //background or image for normal and mouse over state
  var afterItemImage = [,]; //right-side image for normal and mouse over state
  var beforeItemImageW = '';
  var afterItemImageW = '';
  var beforeItemImageH = '';
  var afterItemImageH ='';

But you should create a small images in any Graph Editor, for example:
button_n_back.gif
button_n_left.gif
button_n_right.gif
button_o_back.gif
button_o_left.gif
button_o_right.gif

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