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

Template:






    - AJAX menu loading - loads web menu data from the server "on-the-fly".
    - Submenus dropdown on mouseover
    - Deluxe Tuner - visual interface to create and modify dhtml menus easily and in no time.
    - Special JavaScript API for changing javascript menu "on-the-fly"
    - Unlimited number of sub levels
    - Several menus on one page
    - Filters and Transitional effects
    - Transition #14 - "fade out" effect




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

Menu Screenshots

Css Codes Collapsable Menu Create Javascript Tree Example

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!
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed css codes collapsable menu samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Dynamic Drop Down Css Codes Collapsable 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
Cost Effective
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



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: Hi, just a quick question, is it possible to change which tab is displayed when the page is first rendered.

For instance, if you have 4 tabs, going right to left, can you load the css menu tabs with the second tab being displayed first?


A: See, if you use Tab Mode
  var tabMode = 1;

  var bselectedItem = 0; //main items
  var bselectedSmItem = -1; //submenus

If you use
  var tabMode = 0;
  var bselectedItem = 0;

See, the ID of the item starts with 0.

So, if you use TabMode (  var tabMode=1;):

  var bselectedItem = 4;

["-", ] - separator, ID = 0
["Mac Tab 1", "content1"], ID = 1
["Subitem1","testlink.html",] ID = 2
["Subitem2","testlink.html",] ID = 3
["Mac Tab 2", "content2"], ID = 4 // selected tab
["Subitem1","testlink.html",] ID = 5
["Subitem2","testlink.html",] ID = 6
["Mac Tab 3", "content3"], ID = 7
["Subitem1","testlink.html",] ID = 8
["Subitem2","testlink.html",] ID = 9
["Mac Tab 4", "content4"], ID = 10
["Subitem1","testlink.html",] ID = 11
["Subitem2","testlink.html",] ID = 12

If you use tabs (  var tabMode=0;):

  var bselectedItem = 2;

["-", ] - separator, ID = 0
["Mac Tab 1", "content1"], ID = 1
["Mac Tab 2", "content2"], ID = 2 // selected tab
["Mac Tab 3", "content3"], ID = 3
["Mac Tab 4", "content4"], ID = 4


Q: I have just downloaded your trial version and am trying to use java menu maker using the windows xpstyle1 template. I can only seem to get the top button showing as grey but can change colors of submenus OK. Am I missing something or is this a restriction of the trial system i.e. how do I get the top button showing the same as submenu buttons

A: Trial version of java menu maker has full functionality of the licensed version.

To change submenu colors you should change the following parameters:

  var menuBackColor="#F2F3F2";
  var itemBackColor=["#F2F3F2","#535353"];
and Individual Submenu Style:
  var menuStyles = [
["menuBackColor=#F2F3F2","menuBorderWidth=0","itemSpacing=0","itemPadding=4px","smOrientation=undefined"],
];

For the top items you should change Individual Item style:
  var itemStyles = [
["itemHeight=21px","itemBackColor=#F2F3F2,#535353"],
];



Q: The navigation menus shows up behind the YouTube videos instead of the front

A: You should add opaque parameter to object and embed tags. So set your video in thefollowing way:

<object width="445" height="364">
<param name="movie" value="http://www.youtube-nocookie.com/v/tXdWj-teINc&hl=en&fs=1&rel=0&color1=0x2b405b&color2=0x6b8ab6&border=1">
<param name="allowFullScreen" value="true">
<param name="wmode" value="opaque">
<param name="allowscriptaccess" value="always">
<embed src="islam-supports-child-marriage-rape-and_files/tXdWj-teINchlenfs1rel0color10x2b405bcolor20x6b8ab6border1.swf" wmode="opaque" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="445" height="364">
</object>

Q: I have already tried this exact same method, using and alternate "itemBackColor" and this is not what I needed. As you can see in your example putting in an item back color only give you a different bg color on the item itself, but the BG of the menu around it remains the same. In your example the lighter bg color of my menu is surrounding the item bg color making this look more like a mistake and poor design.

It do use the item bg color for the rollover in my menu, as you can see, but implementing this does not give me what I need. I need the BG color behind this item to be completely flush with the sides of the menu.

I had already checked the menu system thoroughly before contacting you and I was well aware of the option.. but as you can see this is not the solution. It is very important to me that this looks perfect, and what I need is not built into this menu by default.. I need another solution.


A: You should set the following parameter:

  var itemSpacing=0;

You can also try to paste separators between items.


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