Html Tree Menus Tutorial by Deluxe-Tree.com
Html Tree Menus Tutorial

Template: Html Tree Menus Tutorial

XP Style Olive Floatable Menu Tree

Floating Menu Tree
- When the page is scrolled the menu remains visible (parameter: var tfloatable).
   Try to scroll the page.
- The menu can "float" along one or two coordinate axes with different speed
   (parameters: var tfloatableX, var tfloatableY, var tfloatIterations).

Key features:

    - Image arrows
    - Each item can have individual settings
    - Vertical orientation of the Tree Menu
    - Submenus expand/collapse on mouseover
    - Personal CSS styles for separate menu elements
    - Several menus on one page
    - Movable and floatable menu
    - Filters and Transitional effects





Buy Now!  Free Trial Download

Menu Screenshots Html Tree Menus Tutorial

Html Tree Menus Tutorial Tree Flyout Menu

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

Features Html Tree Menus Tutorial

Easy Setup
  • De Luxe Tuner. GUI interface to create your html tree menus tutorial 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 html tree menus tutorial samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Top Menu Tree Source Html Tree Menus Tutorial
Unrivalled Features
  • Scrollable, dragable, floating
  • 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".
High Performance
  • AJAX menu loading - loads web menu data from the server "on-the-fly".
  • Commonly loads quicker than other html page elements
  • Runs well with an unlimited number of submenus and items
Cost Effective
Buy Now!  Free Trial Download
Buy Now!   ::  Free Trial Download   ::  More Info

Javascript Tree Menu. Expandable Menu.

  • You can create any style for XP menu:
  • different icons, colors, and buttons for each submenu title;
  • any color for borders, backgrounds, and font of menus and items;
  • any available font style; and many other options!
  • Design personal styles for any submenu and item. Use individual styles to rich killer visual effects!
  • These effects will make your menu neat and chic. Among available special visual effects there are random dissolve, fade, mix, mosaic slide out and many many others.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions Html Tree Menus Tutorial

Q: When using the tab menu css the third item in the second tab seems to have a mind of its own.а will not take the attributes of all other tabs.

Have tried to force it to comply be creating an individual style just for that button...but that doesn't work either.

have spent (wasted) much time trying to get this to work.а What is the problem?ааа Very frustrated.

A: This tab differs from other tabs because it is selected tab. You'veset:

  var bselectedSmItem=10;

You can try to set it in the following way:

  var bselectedSmItem=0;



Q: Where do I enter my link addresses (http://www.address.com) for each item and sub-item using Deluxe Tuner????
I'm sure it's simple, but I don't see it.


A: You should add links in the following way.
Click on the menu item in the main window.
In the "Item Parameters" window you'll see parameters of this item.
You should paste your link in the link field.


Q: I want tree view menu to be in expande state mode, how can I do this? Also, same goes for all the other menus depending which link I click.

A: You can try to to call the following function/functions to expand/highlight items, for example:

<script>
dtreet_ext_expandItem (dtreet_ext_getItemIDByIndex (0, 0), 1);
dtreet_ext_setPressedItem (0, dtreet_ext_getItemIDByIndex (0, 1));
</script>

See more info about API functions here:
http://www.deluxe-tree.com/functions-info.html

Example:
Do you want to move your subitems within Deluxe Tuner?

To move items select items you want and use a mouse drag'n'drop method.

To copy items select those you want and use a mouse drag'n'drop method holding a Ctrl key.
Also you can use a contextual menu - a right mouse click on the list of items.


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