You will see many different scripts dealing with treeview but most of them are complex. Today I propose a very simple script based on CSS and a few background images to give the tree a pleasant and simple look.
This is accomplished by superimposing the content of two divs, and making one invisible by clipping it. Then the mouse move handler is modified to create a clip region depending on the location of the mouse pointer. This can create the impression that there is an x-ray being directed at the web page, revealing hidden content.
You can use the Color Picker to find the RGB values you need for he configuration files. You can also select a color and click on the left side and make a nice layout. The created style sheet should be stored as skin or my_style.css as a template. If you want to change any font sizes please use the template as starting point because all areas that make sense to change are in this template.
Joining mailing list will entitle you
to receive occasional emails informing you of news and
updates to the site and any special offers that may be
of interest to you.