Template: Css Tree Menu Samples

Tree Javascript MSDN Library Look and Feel

The template emulates emulates MSDN Library look. To open submenus click on menu items.
The appearence of this template is determined by the following parameters:

    - Toggle-mode support.
    - Icons for expand and collapse buttons
    - Animation effect for subitems
    - Only one item can be expanded at the same time, var tcloseExpanded=1;
    - Menu has a static position and is placed within the table cell

Key features:

    - Status string shows item labels
    - different speed for an animation for submenus
    - Several menus on one page
    - Submenus expand/collapse on mouseover
    - Unlimited number of sub levels
    - Personal CSS styles for separate menu elements
    - Filters and Transitional effects
    - Vertical orientation of the Tree Menu

Menu Screenshots Css Tree Menu Samples

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

Features Css Tree Menu Samples

Easy Setup

De Luxe Tuner. GUI interface to create your css tree menu samples 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 css tree menu samples samples
Hundreds of visual effects
Custom CSS styles can be applied for all menu settings

Tree Example Of Vertical Menu Css Tree Menu Samples

Cost Effective

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

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

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 Css Tree Menu Samples

Q: Can all the java script be contained with in the html and not use an external .js file?

A: Of course, you can place all Javascript data from .js file within yourhtml page code!

Q: I'm trying to shrink the vertical size of the sub-menu entries in my menu:

I think I've specified all the parameters correctly in data.js, but itТs hard to tell what affects the height of the submenu entries. Even reducing the type from 10pt to 8pt didnТt shrink them at all.

A: See, you set the following parameter:

var itemPadding = 7;

That is why you have such a big padding around the items.

If you don't want to change the appearance of the main items youshould create Individual Style for the subitems. For example:

var menuStyles = [
["itemPadding=2px"],
];

And assign this style for the first item in submenu.

Q: I get coches word in black when the menu loads the first time and I didn't configured that to happend.

A: Check the following parameters:

var bselectedItem=1;
var bfontColor=["#000000","",""];

Q: Please kindly help to this problem, in my pass few weeksI'm using my deluxe menu and I can type arabic text there, but now its seems that the software is not recognizing the arabic text, from my screenshot you can understand that it shows a different symbols although im typing arabic font.
Now I couldnt type arabic font and I have existing projects website and need to edit it again but I can't coz my software is not recognizing the arabic text.

A: Unfortunately, you can't use arabic characters in Deluxe Tuner application.
You should manually correct your code.
And after you create your menu you can open your data file (created inDeluxe Tuner) in any text editor (click F4 on this file) and add your text parameter, forexample:

["Home","testlink.html", , , , , , , , ],
["Product Info","", "default.files/icon1.gif", "default.files/icon1o.gif", , , , , , ],
["|Features","testlink.html", "default.files/icon2.gif", "default.files/icon2o.gif", , , , , , ],
["|Installation","", "default.files/icon2.gif", "default.files/icon2o.gif", , , , , , ],
["||Description of Files","testlink.html", "default.files/icon6.gif", "default.files/icon6o.gif", , , , , , ],

...You should enter text to "Home", "Product Info", "|Features","|Installation","||Description of Files" fields in the text editor.Try that.

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