Customise Menu Gwt Css by Deluxe-Menu.com
Customise Menu Gwt Css

Template:

iPhone 1 Template - Cascading Drop Down Menu






    - Submenus dropdown on mouseover
    - Top items and submenus have a shadow
    - Items with icons
    - Special JavaScript API for changing javascript menu "on-the-fly"
    - Inactive/Disabled items
    - Deluxe Tuner - visual interface to create and modify dhtml menus easily and in no time.
    - Personal CSS styles for separate menu elements
    - Submenus go over all page objects




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

Menu Screenshots

Customise Menu Gwt Css Javascript Hover Fade

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

Features

Cost Effective
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
Dhtml List Menu Customise Menu Gwt Css
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
Easy Setup
  • De Luxe Tuner. GUI interface to create your customise menu gwt css 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



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

Javascript Menu. DHTML Menu.

  • There can be multi level menus - create as many rows or columns of the menu as you want.
  • Use a mouse to drag a menu as a usual window. Also you can construct the menu where each submenu can be "detached" from the main menu (MSOfficeToolbarLike mode).
  • When the page is scrolled the menu remains visible. The DHTML menu can "float" along one or two coordinate axes.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: I am working currently with deluxe-menu and am perfectly happy so far except one little thing: Does there exist a way to have the mousepointer being a hand instead of the regular pointer while going over the menu (like it would be regular links)?


A: You should set this parameter:
  var itemCursor="pointer";

In this case you'll have the mousepointer being a hand for all itemsin the menu.

Unfortunately, you can't change cursor type for different items.
But you can write so:

["<a href='http://deluxe-menu.com/'>Home</a>","", , , , , , , , ],
["Product Info","", , , , , "0", , , ],
 ["|What's New","", , , , , "0", , , ],

In all items with links you should use <a> tag.

Set this parameter:
  var itemCursor="default";


Q: I want to buy your product today, but have a few questions:

How do I change the font style for java menu templates to 9pt Verdana bold, but leave the sub-menus 9pt Verdana normal? I understand there’s a "fontStyle" variable, but is there an "itemfontStyle"? How do I make the left hand padding greater for the menu? I’m using the XP Style 1 and the far left top menu item is running up against my left hand border. I want to add about 10px of spacing to the left of the menu. How do I make the options in a menu have equal spacing? For instance, if there are 5 items in the menu, how can each have 100% / 5?

A: You can use Individual Item styles to set specific parameters for eachitem or submenu.

1.
  var fontStyle=["normal 9pt Verdana","normal 9pt Verdana"]; //for subitems
//style for the top items
  var itemStyles = [
["itemHeight=21px","itemBackColor=#F2F3F2,#1665CB","fontStyle='bold 9pt Verdana','bold 9pt Verdana'"],
];

2., 4. You should specify itemPadding parameter in "px". You shouldadd "px" in your style for subitems:
  var menuStyles = [
["menuBackColor=#F2F3F2","menuBorderWidth=0","itemSpacing=1","itemPadding=4px","smOrientation=undefined"],
];

Notice also that you can set multiple value for itemPadding parameter,for example:

itemPadding=4px 10px 4px 10px
top right bottom left
4. You should set the exact width for the java menu templates:
  var menuWidth="500px";
and set width for the top items using Individual styles:
["itemWidth=100px","itemHeight=21px","itemBackColor=#F2F3F2,#1665CB","fontStyle='bold 9pt Verdana','bold 9pt Verdana'"],

Unfortunately it is not possible to specify item's width in '%' inIndividual styles. The following width parameters won't work.

  var menuWidth="100%";
["itemWidth=20%","itemHeight=21px","itemBackColor=#F2F3F2,#1665CB","fontStyle='bold 9pt Verdana','bold 9pt Verdana'"],



Q: I'm having a problem with the new v3.9.2 javascript menu source. The drop-down submenus are now going "up" instead of "down".

I've tried the conversion steps in your email and I have even rebuilt the menu from scratch in v3.9.2. In the Deluxe Menu Preview window, the drop-down sub-menus behave properly - transitioning down below the horizontal menu. But it FireFox3, IE7 and Chrome the submenus appear above the horizontal menu.

Also... the transition effect (24 - Alpha Blend) only appears in IE7 - it is not evident in FireFox3 or in Chrome.

A: Set the following parameter:

  var subMenuVAlign="top";

> Also... the transition effect (24 - Alpha Blend) only appears in IE7 - it is
> not evident in FireFox3 or in Chrome.

Transitional effects are features of Internet Explorer 5.5+ only.

See more info:
http://deluxe-menu.com/filters-and-effects-sample.html

Q: I have two question for now...

Where can I change the word "loading" during ajax is loading the submenu?????
Is state saving of javascript based tree just for the first level??? Does it works for the AJAX submenus?

The reason why I switch to treemenu is the possibility of state saving!

A: I've just checked your website and save state feature works fine for the ajax submenus.

Actually we've added this feature in v3.2.7 of Deluxe Tree.
http://deluxe-tree.com/whats-new-info.html

I see you changed the "Loading.." text inside the dtree_ajax.js file.

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