Template: Free Css Tree Menu

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:

    - Personal CSS styles for separate menu elements
    - Unlimited number of sub levels
    - Items with icons
    - different speed for an animation for submenus
    - Submenus have a fade effect
    - Each item can have individual settings
    - 3-state icons for each item
    - Vertical orientation of the Tree Menu

Menu Screenshots Free Css Tree Menu

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

Features Free Css Tree Menu

Professional Look-n-feel

Entirely customizable look-n-feel
A lot of pre-designed free css 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 free css tree menu menus easily and in no time
Sensible menu parameters for manual editing

Javascript Tree Layers Free Css Tree Menu

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

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".

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.

Good navigation is an important step to website success. If people can't find their way around the site, they will quickly give up looking and leave, never to return. So, it's absolute vital that your website has a fast, neat, and eye-pleasing navigation.
Don't allow your website visitors to get lost. Try Javascript/DHTML Tree Menu!

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

Recent Questions Free Css Tree Menu

Q: I have 6 menu items that are ALL graphics...they can't just be background images because they all have graphic text, so the rollovers are unique to each menu item. I just need it to function like a typical rollover with images.

A: Yes, you can create such menu.

You should write your menu items in the following way:
["","", "images/vista1/btn_black.gif", "images/vista1/btn_black_blue.gif", , , , , , ],
["","", "images/vista1/btn_black.gif", "images/vista1/btn_black_blue.gif", , , , , , ],

Q: How i can insert any html code in dropdown menu?

A: You are able to paste any html code within items.

So you can paste a form too.

For example:

var menuItems = [
...
["||<nobr><FORM method=GET action='http://www.google.com/custom'><input name='as_q'
value='searchthe web' size=15 style='font-size:10'> <INPUT type=hidden name=cof
value='LW:144;L:http://domain.edu/images/sulogo.gif;LH:45;AH:center;GL:0;S:http://domain.edu;AWFID:e01cb67b8afe383e;'></form></nobr>","", "images/icons/search.gif", "", "", "", "", "2", "", "", "",],

Q: Is there any reason why I should have trouble positioning the windows popup menu?

A: Check that you don't use absolute position for the menu:

  var absolutePos=0;
  var posX="0px";
  var posY="0px";

Q: Is this tag necessary?

<script type="text/javascript"> var dmWorkPath="scripts/";</script>

Because Dreamweaver will not automatically update the path when the directory changes, (won't change from scripts/ to ../scripts).

A: Yes, it is a necessary tag.
Your menu won't work correctly without this tag.

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