This example is valid for Folders and Files TreeView.
To define a new skin you must before now how the skin is defined:
Each skin has 4 images and 2 css style file.
The images are in the folder dwzTreeView/images/FileIcone folder and
the style class are in the file dwzTreeView folder
Each skin must have the images and the style file class for the dimensions 16 pixels and 32 pixels
This folders are in the configuration dreamweaver folder that is located in:
For Vista users:
G:\Users\<User>\ApplicationData\Adobe\Dreamweaver CS4\en_US\Configuration\Shared\DwZone\php\TreeView\
For Xp users:
G:\Document and Settings\<User>\AppData\Roaming\Adobe\Dreamweaver CS4\en_US\Configuration\Shared\DwZone\php\TreeView\
For example imagine you want create a new skin start from the current red skin and call the new skin "custom", you must:
Create the 4 images for the open and close folders, you can copy the current images:
dwzTreeView/images/FileIcone/16/RedClose16.gif
dwzTreeView/images/FileIcone/16/RedOpen16.gif
dwzTreeView/images/FileIcone/32/RedClose32.gif
dwzTreeView/images/FileIcone/32/RedOpen32.gif
and create 4 new images with the name of your new skin, like:
dwzTreeView/images/FileIcone/16/CustomClose16.gif
dwzTreeView/images/FileIcone/16/CustomOpen16.gif
dwzTreeView/images/FileIcone/32/CustomClose32.gif
dwzTreeView/images/FileIcone/32/CustomOpen32.gif
Duplicate the 2 style class files:
dwzTreeView/folder.Red.16.css
dwzTreeView/folder.Red.32.css
and create 2 new files with the name of your new skin, like:
dwzTreeView/folder.Custom.16.css
dwzTreeView/folder.Custom.32.css
Now you must open this 2 new files in Dreamweaver and replace all the occurrences of Red in custom
Now you can open dreamweaver and you will find the new skin in the skin list
