Tutorial Deluxe Tree Menu by Deluxe-Menu.com
Tutorial Deluxe Tree Menu

Template:

Olive Menu Template - DHTML Navigation Menu






    - Personal CSS styles for separate menu elements
    - Relative/Absolute menu position
    - Status string shows item labels
    - Deluxe Tuner - visual interface to create and modify dhtml menus easily and in no time.
    - Submenus automatically scrolls
    - Search feature - add the search area in the menu and type symbols.
    - Inactive/Disabled items
    - Top items and submenus have a shadow




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

Menu Screenshots

Tutorial Deluxe Tree Menu Javascript Folding Menus

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

Features

Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed tutorial deluxe tree menu samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Easy Setup
  • De Luxe Tuner. GUI interface to create your tutorial deluxe tree menu menus easily and in no time
  • Sensible menu parameters for manual editing
Treemenu Dynamique Tutorial Deluxe Tree Menu
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!
Cost Effective
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.

  • You can set the size of the menu in pixels, percent or other units. The menu may have an absolute or relative position (it can be inserted into the table).
  • Use any necessary font of any color, size and font decoration. Create any available type, thickness and color of a menu's frame.Choose any color for backgrounds of submenus and items.
  • Specify various values for padding and spacing 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.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: Now I experiences a problem with the Danish letters in my java menu scripts! I have changed the letters in the scriptfile - but this does not work Have we a problem with Danish letters like: ø, å, æ?

A: Please, check that you've set "Tools/Use utf8 encode".

Notice that you should have UTF8 charset on your page too:

<meta http-equiv="Content-Type" content="text/html" charset="UTF-8">

You can also use another charset on your html page and open your data file in text editor, enter thissymbols and save data file in the way you save your html page.
Notice that you should turn off "Tools/Use utf8 encode" setting inorder to open your data file correctly in Deluxe Tuner.



Q: My question is how can I change the size and color of the font for the
main items in the simple dhtml menu, not the drop downs?


A: You can use Individual Item Styles in that case:
http://deluxe-menu.com/individual-item-styles-info.html

Set the style you need for subitems:

  var fontStyle=["normal 11px Trebuchet MS, Tahoma","normal 11px Trebuchet MS, Tahoma"];

Set the style you need for main items:

  var itemStyles = [
["fontStyle='bold 12px Arial','bold 12px Arial'"], // style 0
];

Assign this style for main items:

  var menuItems = [
["Scenic album","scenic-album.htm", "", "", "", "", "0", "", "", "", "", ], //assign style 0
 ["|Item 8","", "", "", "", "", "", "", "", "", "", ],
 ["|Item 9","", "", "", "", "", "", "", "", "", "", ],>  ["|Item 10","", "", "", "", "", "", "", "", "", "", ], ["Floral album","floral-album.htm", "", "", "", "", "0", "", "", "", "", ], //assign style 0
["Southwest album","southwest-album.htm", "", "", "", "", "0", "", "", "", "", ], //assign style 0
["Wildlife album","wildlife-album.htm", "", "", "", "", "0", "", "", "", "", ], //assign style 0
];

Q: How many of the menus (templates) allow for a javascript float menu?

A: Actually all templates can float, you should only set the followingparameters:

  var floatable=1;
  var floatIterations=5;
  var floatableX=1;
  var floatableY=1;
  var floatableDX=15;
  var floatableDY=15;

You can find a javascript float menu sample here:

http://deluxe-menu.com/floatable-menu-sample.html



Q: How can I keep the java slide menu items from opening into a new window when selected?

A: You can set target parameter for all items:

  var itemTarget="_self";

or for each item individually:

["Home","testlink.html", "", "", "", "_self", "", "", "", "", "", ],



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