Dhtml Menu Drupal Css by Deluxe-Menu.com
Dhtml Menu Drupal Css

Menu Screenshots

Dhtml Menu Drupal Css Mouseover Drop Down Menus

Features

Easy Setup
  • De Luxe Tuner. GUI interface to create your dhtml menu drupal css menus easily and in no time
  • Sensible menu parameters for manual editing
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed dhtml menu drupal css samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Menus Samples In Javascript Dhtml Menu Drupal Css
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!
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



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Submenus drop down over all the objects of the page (select, flash, object, embed, applet). If for some reasons a submenu can't drop down over an object, the latter will be hidden for a time when the submenu is shown.
  • These effects will make your menu more attractive and stylish. You can cast a shadow on the menu and submenus, set transparency. Among available transitional effects there are such as fade, mosaic, random dissolve, slide out and many others.
  • Create individual styles and assign them to any submenu and item. Use individual styles to achieve stunning effects!

Recent Questions

Q: What I would like to achieve is a separator in the main menu list of a vertical menu.

I can get the separator to show in submenus but not the main menu.


A: You should write so:

  var separatorImage="menu.files/sep_blue.gif";
  var separatorWidth="90%";
  var separatorHeight="3";
  var separatorAlignment="center";
  var separatorVImage="menu.files/sep_blue.gif";
  var separatorVWidth="90%";
  var separatorVHeight="3";
  var separatorPadding="0px";


Q: You will see I got the first level looking amazing.. this is exactly what I wanted. The interesting thing I figured out was not to use the item border.. this was messing things up. You may notice that when each item highlights.. there is a 1px white line at the separators.. but this is not produced with the item border, but rather from the separator itself which I made in two 1 pixel lines, one blue, on white.. this created that effect.

So now my only problem left is to figure out how to bring this look into the submenus. I was thinking it would be nice to use the separators in the same way throughout the submenus. There does not however seem to be a way to do this. When I tried inserting a separator into a submenu.. nothing happened... I am probably doing this wrong.

Can you please show me how to create the same look I have in the first level in the submenus.. this would be helpful.

I must say, this menu is finally starting to look the way I originally envisioned it. I am very happy. =o)

Thank you so much for all the help you have given me.


A: To add separators in submenus you should write it so:

 ["|-",] //first level submenus
   ["||-",] //second level submenus
and so on.

Try that.


Q: There's a 1 pixel white padding around the css drop down menu that I'm trying to remove.

Is it a padding setting -- a margin setting -- a div setting?

A: This is a shadow.

Set the following parameter:

  var shadowTop=0;



Q: I've tried that in my dhtml menu maker and it keeps going to the bottom of the list. That's why I emailed my question. I had read the part of drag and drop, but it doesn't seem to work. Don't know if I'm doing something wrong, if my software is corrupted somewhere. Everything else seems to work correctly.

Any other ideas or why it owuld do that?

A: Click on the item you want to move.
Move your mouse in the correct place (holding left mouse button).
Wait till you'll have gray line in the place where you want to insertthe item and release mouse button.