Css Collapse Menu by Deluxe-Menu.com
Css Collapse Menu

Template:

iPhone 13 Template - CSS Menu Collapse






    - Cross-frame support - menus work on frameset-based pages
    - Horizontal or vertical orientation
    - Submenus automatically scrolls
    - Text aligned to left
    - Image arrows
    - Search feature - add the search area in the menu and type symbols.
    - Status string shows item labels
    - Filters and Transitional effects




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

Menu Screenshots

Css Collapse Menu Javascript Menubar Hide

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

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!
Easy Setup
  • De Luxe Tuner. GUI interface to create your css collapse menu menus easily and in no time
  • Sensible menu parameters for manual editing
Menu Con Mouseover Javascript Css Collapse Menu
Cost Effective
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed css collapse menu samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
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



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

Javascript Menu. DHTML Menu.

  • Build right-click menus for your site. For this purpose you should appoint a peculiar method for the object you want. The current X,Y of the mouse pointer or your own ones can be used for the context menu.
  • Design menus absolutely based on CSS (Cascading Style Sheets). It is possible to apply the personal CSS styles for every elements of the menu.
  • When the submenu is bigger than the visible page area, the size of submenu will be automatically decreased. To view all the submenu items you do not need to use scrollbars or something like that - just put your mouse to the bottom of a submenu and it will be automagically scrolled! You can also define width and height for each submenu.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: I purchased your product yesterday and was quite impressed, but I am having a bit of a problem with my submenuitems.
In the general menu properties there is a "Global"   var titemHeight = 22;
My problem is that I would like my upper level of my drop down menu to have one itemheight and my submenuitems to have a smaller height. Is this possible?

A: In the XP Style

  var tXPStyle=1;
the item's height for the top items and submenus will be different.

If you want to use

  var tXPStyle=0;

you can set ite's height for the submenus:
  var titemHeight=16;

And for other items use the blank icon with the height you want to have for the upper level of your menu items.




Q: I am evaluating your menu product - very nice! However, I am relatively new to HTML, though a long time software developer, just not HTML!

My question - is it possible to have the menu be in a table cell and have the menu resize based on the cell width, if the cell width is specified in percent (%).

For example, if I have a table and I have a first column that is set at 15% of the width of the table, can I insert a menu in that cell and have it fill the cell?

A: Try to set 100% width for the menu.

  var menuWidth="100%";



Q: I'm a registered user. I'm looking to make a space between dhtml cross browser menu buttons, I checked the FAQ which suggested using ["-"], between items but it didn't work. It deleted the dhtml cross browser menu items below it. I'm looking to put a space between

   ["||All Images","gallery_all.html", , , , "_self", , , , ],

and

   ["||Pricing & Ordering Info","gallery_pricing.html", , , , "_self", , , , ],

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 dhtml cross browser menu)
  var separatorVWidth="100%";
  var separatorVHeight="2px";
  var separatorPadding="";

You can create separators using menuItems (you can do it in Deluxe
Tuner, use "Add separator" button), for example:

   ["||All Images","gallery_all.html", , , , "_self", , , , ],

   ["||-"],

   ["||Pricing & Ordering Info","gallery_pricing.html", , , ,"_self", , , , ],



Q: How do I set the width of sub menu items to be the same width as the parent horizontal dhtml menu item? I can see how to set a px or % width, and when the at least one sub menu item exceeds the parent item the the entire menu stretches to that width (which is fine), but what about the instance where the sub menu items are not as wide as the parent item - in this case, the sub menu is not as wide as the parent item, which looks odd. Is there any way to force it to be (at least) the same width as the parent item?

I hope this is all clear to you, if not, please give me a shout for clarification.

A: You can set exact width for your top items using Individual Item Styles and set submenu width usingIndividual Submenu Style.

You should also set the following parameter:
  var noWrap=0;

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