Free Code For Mouseover Sidebar Menu by Deluxe-Menu.com
Free Code For Mouseover Sidebar Menu

Menu Screenshots

Free Code For Mouseover Sidebar Menu 3d Menus Dhtml

Features

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
Cost Effective
Tree Menu With Css Free Code For Mouseover Sidebar 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
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed free code for mouseover sidebar menu samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
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



2.0 Buttons by Web-Buttons.com v3.0.0

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.

Recent Questions

Q: I have used Deluxe tuner menu on a web page and facing two small problems

a) The separator I have used do not show up. This is supposed to be a black horizontal line below every menu item. The image name is sep.jpg

b) The submenu appears on the right and I am unable to figure out a way to get the submenu to appear on the left. My navigation is placed on the right panel so if the sub menu appears on right of drop down menu bar, it practically goes off the page.

Can you please help with this and let me know why this is happening ?

A: 1) You should set separators between main items:

["Home","testlink.html", "data.files/bul.jpg", "data.files/bul.jpg", "", "", "", "", "", ],
["-"],
["About Us","", "data.files/bul.jpg", "data.files/bul.jpg", "", "", "", "", "", ],

And set:
  var separatorVImage="data.files/sep.jpg";
  var separatorVWidth="100%";
  var separatorVHeight="1px";
  var separatorPadding="0px";

2) You should set the following parameter:

  var smViewType=2;



Q: I'm having a problem displaying a little white icon arrow on my dhtml foldout menu. I us Adobe Dreamweaver to build my site. When previewing, I found that adding . /.. to the .js file works good and it displays the arrows. But when I Put the menu on the internet it goes back to displaying a blank box like it can t find it again. My menu is in my site's root directory, and I would like to control all my site's pages with it. I am going to have a basic template for the whole site with the dhtml foldout menu on it and I am to building all the pages from that.

If I don't change the link to ../../ the only pages that will work is the one that is in the same directory as my menu files.

A: Try to use absolute paths to your images on the website. Your menu will work correctly inall cases in that case.

  var pathPrefix_img="http://www.domain.org/Fundraising/Scrip/";
  var arrowImageMain=["data.files/arrv_white_1.gif",""];
  var arrowImageSub=["data.files/arr_white_1.gif",""];

or

  var pathPrefix_img="";
  var arrowImageMain=["http://www.domain.org/Fundraising/Scrip/data.files/arrv_white_1.gif",""];
  var arrowImageSub=["http://www.domain.org/Fundraising/Scrip/data.files/arr_white_1.gif",""];


Q: Is it possible to use more than one Menu in one Site, for example with

<script type="text/javascript">  var dmWorkPath1 = "menue/produkt.files/";</script>
<script type="text/javascript" src="menue/produkt.files/dmenu.js"></script>
<script type="text/javascript">  var dmWorkPath2 = "menue/navigation.files/";</script>
<script type="text/javascript" src="menue/navigation.files/dmenu.js"></script>

unfortunately this syntax doesnґt work


A: You can use as many menus as you want on the one page.

But you should call dmWorkPath parameter and dmenu.js file only onceon the one page.

You cannot write dmWorkPath1 and dmWorkPath2. Youir menu won't workcorrectly in that case.

You should write
<!-- Deluxe Menu -->
<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript>
<script type="text/javascript">  var dmWorkPath = "menudir/";</script>
<script type="text/javascript" src="menudir/dmenu.js"></script>
<!-- (c) 2007, http://deluxe-menu.com -->

and call several data files:
<script type="text/javascript" src="menudir/data1.js"></script>
...
<script type="text/javascript" src="menudir/data2.js"></script>
...
<script type="text/javascript" src="menudir/data3.js"></script>


Q: I appreciated your prompt response.  However, if I set the exact height for easy tabs content, certain tab's content will not show up fully.  We need to have every tab has different height in this site.  Do you know why IE 7 doesn't behavior properly but IE 6 does?  Can you provide a work around for me ASAP?

A: In that case you should delete height parameter at all from yourstyles.

<div id="content1" style="visibility: hidden;" class="tabPage">