SlickTree Code Generator

Fill out the textboxes below to generate html code (by javascript) for SlickTree:


Menu width:
Menu height:
 

The page background colour

An optional background image (jpeg or gif)

The normal text colour *

Font to be used in format FONTNAME;STYLE;SIZE

where style is r for regular, b for bold, i for italic and bi for bold italic. (eg. Times;b;12 is size 12 bold Times) *

Colour of bar behind menu text *

Effect when showing a new menu.

"fill" fills in the bar. "edge" highlights just the edge of the bar. "none" does not draw a bar.

Colour of text on mouse over *

Font to be used when the mouse is over the menu item.

Colour of bar behind text on mouse over *

Highlight bar effect on mouse over

"fill", "edge" or "none". "fill" fills in the bar when the mouse is moved over it. "edge" highlights just the edge of the bar. "none" leaves the bar alone.
 
Time for each frame in milliseconds

Speed at which menu appears (1-100)

Speed of mouseOver effects (1-100)

How much the fade in is delayed for menus lower down the list

 

Autocollapse tree ?

Height of menu options
Gap between menu options

How much to round highlight bar

Determines what depth of the menu is visible on startup. '0' means only the root options are visible. '1' means the first level is initially visible as well.
Host (if you have a key for it)
Key (if you have one)
* for these parameters, multiple values can be seperated by commas and the first value will apply the nodes of the tree at the top depth, the second to the 1st level submenus etc.

This will be your main menu - example is included. Lines must be in form:

{Name,Link,Frame}

Note that 'link' and 'frame' can be left blank


(You must have a javascript-enabled browser)