Menu Deroulant Css Example by Deluxe-Menu.com
Menu Deroulant Css Example

Template:

Green Tabs Template - Mouseover Drop Down Menu






    - Items with icons
    - 85% transparency for sub menus
    - Several menus on one page
    - Image arrows
    - Keyboard navigation - press Ctrl+F2 to enter the top menu
    - Cross-frame support - menus work on frameset-based pages
    - Personal CSS styles for separate menu elements
    - Horizontal or vertical orientation




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

Menu Screenshots

Menu Deroulant Css Example Menu Dynamique Simple

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

Features

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
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
Slide Down Menu Script Menu Deroulant Css Example
Cost Effective
Easy Setup
  • De Luxe Tuner. GUI interface to create your menu deroulant css example 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



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

Javascript Menu. DHTML Menu.

  • Submenus can be shown in 4 ways: - From from left to right + upwards and also left to right. - From right to left and also from right to left + upwards (e.g. for right-to-left languages).
  • Use images for icons, backgrounds of submenus and items. Using images you can create menus entirely based on graphics.
  • Create both horizontal and vertical menus and submenus with any amount of menus on one page.
  • Insert any HTML code inside the menu item - be it a form or a picture, a flash-object or a text. This ability allows you to create various menus of any complexity.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: Hi - I'm using Deluxe Tuner/Menu version 2.0 and wanted to know if it's possible to set the status bar messages to something other than the link text from the menu items that it currently picks up?


A: You should set parameter:
statusString="tip";

Text in a browser's status bar when you put a pointer over an item. Values:
"link" - show item link;
"text" - show item text;
"tip" - show item tip.
With another value shows specified value.

Info about this parameter you can find here
http://deluxe-menu.com/parameters-info.html


Q: I just purchased your multiple site bundle and have a menu question.

I need to create a menu for a site that has the top level menu have no border but I want any of the sub menu popups to have a border around them (or a different background color for the menu area for the popup). I can not see a way to do this? If a put a menu border on it appears on both the top level and any submenu popups.


A: You should use Individual Item Styles.

You should set the following parameters:

1)   var menuBorderWidth=0;
2) Create Submenu Style

  var menuStyles = [
["menuBorderWidth=1","menuBorderStyle=solid","menuBorderColor=#7E5927"], //style 0
];
You can do it in Deluxe Tuner. Click "Edit Individual Styles" and thenchoose "Submenu Styles" tab.

3) Assign Individual Style for your submenus.
You can assign them only for the first item in each submenu.
For example:
  var menuItems = [

["Home","testlink.html", "", "", "", "", "", "", "", ],
["Product Info","", "default.files/icon1.gif", "default.files/icon1o.gif", "", "", "", "", "", ],
 ["|Features","testlink.html", "default.files/icon2.gif", "default.files/icon2o.gif", "", "", "", "0", "", ], //style 0

 ["|Installation","", "default.files/icon2.gif", "default.files/icon2o.gif", "", "", "", "", "", ],    ["||Description of Files","testlink.html", "default.files/icon6.gif", "default.files/icon6o.gif", "", "", "", "0", "", ], //style 0
   ["||How To Setup","testlink.html", "default.files/icon6.gif", "default.files/icon6o.gif", "", "", "", "", "", ],
 ["|Parameters Info","testlink.html", "default.files/icon2.gif", "default.files/icon2o.gif", "", "", "", "", "", ],



Q: When I want to have the same width of each item I use the individuel styles sometime it works and sometime not

A: See, when you use Individual styles to set the width for your items

  var bstyles = [
["bitemWidth=150px"],
];

you should check that you haven't set the exact width for the menu

  var bmenuWidth="250px";

Please, check it.



Q: I have just 2 more questions.

1. Can the 3rd level be configured to be a javascript vertical menu?

2. Can your menu be configured per the following spec? Once you click on a 3rd level option that level would disappear & the 1st & 2nd level would be breadcrumbed (stay visible to show you where you are).

A: 1) Yes you can do it. Use smOrientation parameter in IndividualSubmenu Styles:

  var menuStyles = [
["smOrientation=0"], //id=0
];

Assign it to the first item in third submenu:
["Home","testlink.html", "", "", "", "", "", "", "", "", "", ],
["Product Info","", "default.files/icon1.gif", "default.files/icon1o.gif", "", "", "", "", "", "", "", ],
 ["|Features","testlink.html", "default.files/icon2.gif", "default.files/icon2o.gif", "", "", "", "", "", "", "", ],
 ["|Installation","", "default.files/icon2.gif", "default.files/icon2o.gif", "", "", "", "", "", "", "", ],
   ["||Description of Files","testlink.html", "default.files/icon6.gif", "default.files/icon6o.gif", "", "", "", "0", "", "", "", ],

2) No, it is not possible now. Your 3rd level submenu will be visible too.

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