Css Colapsable Menus by Deluxe-Menu.com
Css Colapsable Menus

Template:

Blue Rounded Menu Template - CSS Menu Dropdown






    - Top items and submenus have a shadow
    - UL/LI items structure
    - Keyboard navigation - press Ctrl+F2 to enter the top menu
    - Inactive/Disabled items
    - Deluxe Tuner - visual interface to create and modify dhtml menus easily and in no time.
    - Submenus automatically scrolls
    - Hundreds of pre-designed templates
    - 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 Colapsable Menus Cascading Menu Tutorials

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

Features

Easy Setup
  • De Luxe Tuner. GUI interface to create your css colapsable menus menus easily and in no time
  • Sensible menu parameters for manual editing
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!
Javascript Hide Browser Menu Css Colapsable Menus
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
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.

  • Create contextual menus for your pages. For this purpose you should assign a special function for the object you want. The current coordinates of the mouse pointer or your own ones can be used for the contextual menu.
  • When the submenu is larger than the visible area of the page the submenu will be automatically decreased. To see 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 automatically scrolled! You can also specify height and width for each separate submenu.
  • Build menus completely based on Cascading Style Sheets. It is possible to appoint the individual CSS styles for separate elements of the menu.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: I have the mouseover menu working fine but want the chosen option to display in a tab under the menu.

A: Deluxe Tabs doesn't have API functions to set pressed item on-the-fly. You can set presseditem on the page loading only.

But you can use onClick event for the Deluxe Menu items and call the following function toopen appropriate tab:

dtabs_itemClick(menuN, itemN);

where
menuN - index of a menu on a page, >= 0.
itemN - index of a tab you want to show, >=0.

["<div onClick='dtabs_itemClick(0,2)'>Open 3rd tab</div>","", "deluxe-menu.files/icon1.gif", "deluxe-menu.files/icon1o.gif", "", "", "", "", "", "", "", ],


Q: Can I put two popup windows in one HTML file?
One popup for example after 1 second, and disappear after 10
The second one after 15 second and disappear after 30 seconds.
Can you help me?

A: You should set the following parameters for the first window:

winID:"window1",
openAfter:1,
closeAfter:10,

for the second window:

winID:"window2",
openAfter:15,
closeAfter:30,

See also how should you install popup windows on your page:

<head>

<!-- Deluxe Popup Window -->
<noscript><a href="http://deluxepopupwindow.com">DHTML Window Script by DeluxePopupWindow.com</a></noscript>
<script type="text/javascript">  var dmWorkPath="deluxe-popup-window.files/";</script>
<script type="text/javascript" src="deluxe-popup-window.files/dpopupwindow.js"></script>
<!-- (c) 2009, http://deluxepopupwindow.com -->

</head>

<body bgcolor="#FFFFFF">
<script type="text/javascript" src="deluxe-popup-window.js"></script>
<script type="text/javascript" src="deluxe-popup-window2.js"></script>
</body>



Q: I am investigating why a few things have not been working for sometime on our site.

This is the error I get in the console "The requested URL /js/menudir/dtree_ss.js was not found on this server."

I update the files awhile back and removed the dtress_ss.js as I was instructed, why is it that it that the script is still trying to reference this file?

What do I have to do to remove this error from java script tree menu?

When I updated the files a few months back the new files seem to fix a problem we were having with Chrome, but broke the drop down menu in Explorer. I have yet to resolve this. The drop down menu appears to work fine in all other browsers.

The nav menu not working in IE7 (not sure about IE6 or IE8) is a bigger issue than the error in the console, but thought maybe they were related. From our analytics, the strong majority of our customers are using IE7.

A: 1) dtree_ss.js
The current version of Deluxe Tree doesn't have dtree_ss.js at all. You should deletethe following code from your page:
<script language="JavaScript1.2" src="/js/menudir/dtree_ss.js" type="text/javascript"></script>

In the body tag you should write:
<td >
<script src="/js/menudir/data-tree.js" type="text/javascript"></script>
</td>

In the HEAD tag you should write:

<!-- Deluxe Tree -->
<noscript><a href="http://deluxe-tree.com">java script tree menu by Deluxe-Tree.com</a></noscript>
<script type="text/javascript">  var tWorkPath="/js/menudir/";</script>
<script type="text/javascript" src="/js/menudir/dtree.js"></script>
<!-- (c) 2009, http://deluxe-tree.com -->

2) Error in IE7.
You're using new engine files and old data files for the menus now.
I'm sending you the example.
Use engine files for Deluxe Menu and Deluxe Tree and data files (data.js and data-tree.js)from it.

Q: We purchased your deluxe menu two months ago. Right now, I try to resize the menu icon to fit our website. I changed MenuHeight, I got duplicate menu icons. I also want to change Menu Icon font, but I couldn't do it. We have your previous version menu system, As soon as we change bigger font for Menu Icon, it will be resize. I really think you sould have this function. Otherwise, I got create my own image.

A: See images in Vista Templates have the fixed width and height (92 x21).

If you want to change items' width/height you should change images.

btn_magentablack.gif
btn_magenta.gif

You can do it in any graph editor, for example in Adobe PhotoShop.

To change font in the top items you should change your Individual ItemStyle.

  var itemStyles = [
["itemWidth=92px","itemBorderWidth=0","fontStyle=normal 11px
Tahoma","fontColor=#FFFFFF,#FFFFFF","itemBackImage=data-vista-03.files/btn_magentablack.gif,data-vista-03.files/btn_magenta.gif"],
];

You can do it in Deluxe Tuner.



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