Template: Free Sample Tree Style With Css

Vista Style 2 Treeview Menu

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

    - The menu have XP Style; Animation effect for subitems
    - Toggle-mode support.
    - Items have icons
    - Menu has a static position and is placed within the table cell

Key features:

    - Image arrows
    - Items with icons
    - Submenus automatically scrolls
    - Vertical orientation of the Tree Menu
    - Unlimited number of sub levels
    - different speed for an animation for submenus
    - Several menus on one page
    - 3-state icons for each item

Menu Screenshots Free Sample Tree Style With Css

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

Features Free Sample Tree Style With Css

Professional Look-n-feel

Entirely customizable look-n-feel
A lot of pre-designed free sample tree style with css samples
Hundreds of visual effects
Custom CSS styles can be applied for all menu settings

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

Tree Top Menus Dhtml Free Sample Tree Style With Css

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

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

Easy Setup

De Luxe Tuner. GUI interface to create your free sample tree style with css menus easily and in no time
Sensible menu parameters for manual editing

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

Javascript Tree Menu. Expandable Menu.

There can be as many submenus as you want.
Use a mouse to drag a menu as a usual window.
When the page is scrolled the menu remains visible. The Javascript/DHTML Tree can "float" along one or two coordinate axes. After clicking on menu item selected item becomes highlighted.

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

Recent Questions Free Sample Tree Style With Css

Q: In my previous email asking about your menu program's ability to display a different color word on a menu item when the site is on that selected page, I made a mistake - I was experimenting with Vista xp1 style, the black/blue shiny dhtml menu templates.

A: The menu has only two states normal and mouseover. We'll try to add the pressed state in the future.

You can set a pressed item using Javascript API:

function dm_ext_setPressedItem (menuInd, submenuInd, itemInd, recursion)

Sets a current pressed item.
menuInd - index of a menu on a page, >= 0.
submenuInd - index of a submenu, >= 0.
itemInd - index of an item, >=0.
recursion = true/false - highlight parent items.

But notice, to use dm_ext_setPressedItem() you should know ID of selected item and subitem.
You can't get this ID after you reload your page. That is why you should write your own code on PHP.

Q: Is it correct that in vertical collapse menu you can specify your target as a different frame?

A: Yes, you can specify frame name as the target in Javascript/DHTML Tree:

var titemTarget="frame";

Q: I am Registered user.
My question is:
Can you have borders around the sub-menus only. If you can how is this done, if it is done in the individual styles can you walk me through that. I tried it there but for some reason it wasn’t working. I'm thinking I wasn’t selecting the correct item to edit.

A: You should create Individual style and assign it to the first item in each submenu.

var menuStyles = [
["menuBorderWidth=1","menuBorderStyle=solid","menuBorderColor=#813A07"],
];

var menuItems = [

["Home","testlink.html", "", "", "", "", "", "", "", ],
["Product Info","", "border-example.files/icon1.gif", "border-example.files/icon1o.gif", "", "", "", "", "", ],
["|Features","testlink.html", "border-example.files/icon2.gif", "border-example.files/icon2o.gif", "", "", "", "0", "", ],

Q: I want to emulate all browsers with the same transition. When mousing over a dhtml pulldown menu - the submenu should appear with no effect.

A: To turn off transitional effects you should set the following parameters:

  var transition=-1;
  var transOptions="";
  var transDuration=0;
  var transDuration2=0;

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