Creating Umbraco Horizontal Dropdown Menu by Deluxe-Menu.com
Creating Umbraco Horizontal Dropdown Menu

Menu Screenshots

Creating Umbraco Horizontal Dropdown Menu Tabbed Menu Tutorial

Features

Easy Setup
  • De Luxe Tuner. GUI interface to create your creating umbraco horizontal dropdown menu menus easily and in no time
  • Sensible menu parameters for manual editing
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
On Mouseover With Javascript Creating Umbraco Horizontal Dropdown Menu
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
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



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Apply any font of any color, size and font decoration you need. Use any available type, color and thickness of a menu's frame. Choose any color for submenus and items backgrounds.
  • Set the size of the menu in percent, pixels, or other units. This menu may have a relative (it can be inserted into the table, for example) or absolute position .
  • Specify various values for spacing and padding 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: What the options of CSS Submenu, CSS Item, and CSS Text each handle.
What are the differences in the application?


A:   var cssSubmenu is a CSS class name for all submenus. You can set, forexample, background color, background image, borders for all submenus.

  var cssItem is CSS class names for all items (normal state, mouseoverstate) in the top menu and submenus.

  var cssItemText is CSS class names for text of all items (normalstate, mouseover state) in the top menu and submenus.

It's possible to appoint individual CSS styles for separate elements of the menu using individual item styles and individual submenu styles.

I sent you an example with css. Please, see how you can use css in themenu.


Q: I'm using your DHTML menu product.
I've read the parameters but am unable to make the drop down menu links stop spawning a new window on click.
I love the product and want to use it on my web but I've got to make it stop having babies! Have you some advice for me or a FAQ page you can send?


A: You should use the following parameter

  var itemTarget = "_self";

Please, see also individual items targets, for example:

 ["|Features","testlink.html", "default.files/icon2.gif", "default.files/icon2o.gif", , "_blank", , , , ],

Change "_blank" to "" or to "_self".


Q: I now have the need to introduce separators on the menu.
Can you tell me how to do that?
I cannot find any documentation telling me how this is done.


A: Please, see the following parameters:

//--- Separators
  var separatorImage=""; //for subitems
  var separatorWidth="5";
  var separatorHeight="100%";
  var separatorAlignment="right";
  var separatorVImage="images/public/separator.gif"; //for the top items
  var separatorVWidth="3";
  var separatorVHeight="100%";
  var separatorPadding="";

You should set a separator in the menuItems, for example:

  var menuItems = [
["Home","index.cfm", , , , , , , , ],
["-"],
["About Us","about.cfm", , , , , , , , ],

];

Try that.


Q: How do I turn off the transitional effects for the dreamweaver drop down menu?

A: To turn off transitional effects you should set the following parameters:

  var transition=-1;
  var transOptions="";
  var transDuration=0;
  var transDuration2=0;