Template: Phoca Tree Tutorial

Standard Tree Menu

Font, Colors, Borders, Images
- Use any available font style;
- Use any available border style and width;
- Use any color for items background, menu background, font, and borders;
- Assign images to icons, menu, items backgrounds.
Lines
Assign your own images for lines.

Key features:

    - Submenus have a fade effect
    - Items with icons
    - 3-state icons for each item
    - Vertical orientation of the Tree Menu
    - different speed for an animation for submenus
    - Status string shows item labels
    - Relative/Absolute menu position
    - Each item can have individual settings

Menu Screenshots Phoca Tree Tutorial

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

Features Phoca Tree 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".

Cost Effective

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

Slide Menu Tree Tutorial Phoca Tree Tutorial

Easy Setup

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

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

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 Phoca Tree Tutorial

Q: In the drop down menu generator there's no option for turning the cursor into a hand. There's hourglass etc but no hand. Is there a way to make it a hand?

A: You should set the following parameter

var itemCursor="pointer";

Q: There seems to be a small checkered rectangle at the top of button menu that I would like to see disappear.

A: See, you have

  var tmoveable = 1;
  var tmoveImage = "DeluxeMenu/deluxe-tree/img/movepic.gif";
  var tmoveImageHeight = 12;

If you want your menu to stay movable you should set the followingparameters to delete rectangle at the top.

  var tmoveImage = "";
  var tmoveImageHeight = 0;

Q: I am testing your product, and I would like to know, on the menu can the Plus sign be changed to expand a menu to a pointer or bullet?

A: You can use your own icons instead of Plus sign.

You should use the following parameters:

  var texpandBtn=["default.files/expandbtn2.gif","default.files/expandbtn2.gif","default.files/collapsebtn2.gif"];
  var texpandBtnW=9;
  var texpandBtnH=9;

Q: I got the tabs menu to work!

Can you tell me which file(s) I must change to change the content of each tab

Very many thanks for your help.

A: For each tab you can set content <div> (contentName,contentDescription, contentVariations).

var bmenuItems =
[
["Style Name","contentName",,,,,"1"],
["-",,,,,,"0"],
["Style Description","contentDescription"],
["-",,,,,,"0"],
["Style Variations","contentVariations"],
["-",,,,,,"0"],
["Empty",,,,,,"2"],
];

You can find these divs in the tabs-style-glass.html file. You shouldpaste the content of your tabs in these divs.

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