Collapsible Side Menu by Deluxe-Menu.com
Collapsible Side Menu

Menu Screenshots

Collapsible Side Menu Moving Navbar Javascript

Features

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
How To Make Menu With Relative Position Collapsible Side Menu
Easy Setup
  • De Luxe Tuner. GUI interface to create your collapsible side menu menus easily and in no time
  • Sensible menu parameters for manual editing
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
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed collapsible side menu samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Good navigation system is an important part of web site success. If people can't find their way around the site, they will rapidly give up looking and go, never to return. So, it's very significant that your website has a neat, fast, and gratifying to the eye navigation.
    Don't permit your web site visitors to get lost. Try Deluxe Menu!

Recent Questions

Q: The plus symbols (+) for Home, PRODUCT CATALOG, and Back are almost non visible and I can not find a parameter to move the collapsible tree menu to the right or to put a border on the left side.


A: You set the following style:

#menu TABLE {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 1em; PADDING-BOTTOM: 0px; MARGIN: -4px; PADDING-TOP: 0px; BORDER-COLLAPSE: collapse
}

You should delete
MARGIN: -4px;
style or set it:
MARGIN: -4px -4px -4px 0px;


Q: Html code drop down menu is not displayed in IE 7 when integrated in our application.

A: Try to set exact width for the html code drop down menu, for example:

  var menuWidth="300px";



Q: I use the apy menu inside a table cell and it has 6 sub menus. The table width is 600 so I would like to have each sub menu with width 100 and each item with the same width. I use menuWidth=100 and itemWidth=100 but it doesn't work, each menu has a different size depending on the label.
Also, each sub menu label can fit in less than 100 but I really want the width to be 100 so it looks consistant across the full menu.
What am I doing wrong ?


A: You should use individual item styles. For example:

  var itemStyles = [
["itemWidth=100px"],
];

["DHTML
Menus","", "", "", , , "0", , , , , ],
...
["Apycom
products","", "", "", , , "0", , , , , ],
...
["Contacts","http://www.apycom.com/contact.html", "", "", , , "0", , , , , ],

See the attached example.


Q: I have a question regarding deluxe tab implementation.Can you guide me on how to change tab selection dynamically for the tabbed navigation.

A: Deluxe Tabs doesn't support API functions which can return the selected tab.

You can set "bselectedItem" and "  var bselectedSmItem" parameters based on your link before you call your data file.

For example, move "  var bselectedItem" and "  var bselectedSmItem" parameters from your data file to your code.

<TD vAlign=top align=left>
/* Select Tab */
<script type="text/javascript" language="JavaScript1.2">
  var bselectedItem=   var bselectedSmItem= </script>
<SCRIPT src="data.js" type=text/javascript></SCRIPT>
</TD>

You should define seltabs and selsmtabs using server side script.

You can also set it on every page before you call data.js file, for example:

<TD vAlign=top align=left>
/* Select Tab */
<script type="text/javascript" language="JavaScript1.2">
  var bselectedItem=4;
  var bselectedSmItem=3;
</script>
<SCRIPT src="data.js" type=text/javascript></SCRIPT>
</TD>