Template: Buty Css Tree Menu Template

Vista Style 7 Tree Dhtml Menu

The template emulates Vista OS menu style. This is image based template. To open submenus click on menu items.
The appearence of this template is determined by the following parameters:

    - Toggle-mode support. Animation effect for subitems
    - Icons for the expand/collapse buttons
    - Background image for the menu
    - Menu has a static position and is placed within the table cell

Key features:

    - Relative/Absolute menu position
    - 3-state icons for each item
    - different speed for an animation for submenus
    - Several menus on one page
    - Submenus have a fade effect
    - Items with icons
    - Status string shows item labels
    - Filters and Transitional effects

Menu Screenshots Buty Css Tree Menu Template

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

Features Buty Css Tree Menu Template

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

Vertical Cascade Menu Example Tree Buty Css Tree Menu Template

Easy Setup

De Luxe Tuner. GUI interface to create your buty css tree menu template menus easily and in no time
Sensible menu parameters for manual editing

Seamless Integration

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

Starts at just $39. Buy Now!
FREE for non-commercial websites. Order Now!
No-limits free trial version. Download Now!

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

Javascript Tree Menu. Expandable Menu.

Apply any font of any color, size and font decoration you need. Use any available type, color and thickness of a menu. 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 .
Use special prefixes for image paths and links to make paths absolute.
You can assign your own images for lines.

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

Recent Questions Buty Css Tree Menu Template

Q: I am creating my website on Frontpage. When I put my drop down menu in the centre of the page, it will be in the explorer browsers in the centre of the page, but when I look at other browers it isn't in the centre but on theright. I cant fix the problem. I cant find it.

A: Try to set exact width for the menu in "px":

var menuWidth="400px";

Q: I would like the cursor to change to a hand when over a drop down menu link...

A: Try to set this parameter to your drop down menu:
var itemCursor="pointer";

Q: The trees I'll be building can be very large and will need to be demand loaded. In other words, I need to add the children *after* the user clicks on the parent.

A: No, unfortunately it is not possible in Javascript/DHTML Tree. Javascript/DHTML Treedoesn't have AJAX feature like JavaScript Tree Menu.

http://deluxe-menu.com/ajax-technology-menu-sample.html

Q: I think I am almost there.
I would like to know a couple of things.

Why the menu does not float?
Why I cannot centre the menu?

A: When you use floatable menu you can't use relative menu position.
So, if you use
var absolutePos = 0;
and to center the menu you use <p> or <div> with the center alignment your menu won't float.
To center your floatable menu you should set absolute coordinates.
var absolutePos = 1;

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