This document is a guide to creating and installing skins - custom interface appearance styles - for Plesk Sitebuilder. This document is intended for developers using Plesk Sitebuilder SDK.
Here you can find the structure of skin directories as well as its contents description, instructions on how to create your own custom skin and how to install it and make it available on your server.
In Plesk Sitebuilder, a skin is in fact a set of CSS and image files. The CSS files define the style of Plesk Sitebuilder interface elements; the image files are the Plesk Sitebuilder interface icons, logotype images and other pictures. All these files, placed in corresponding sub-directories, compose the structure of the skin directory.
Skins are an easy and flexible way to diversify your Plesk Sitebuilder user interface appearance. Using skins, you can change the colors of the interface areas, set new fonts properties, use different images for icons in the interface, etc. It takes only a few clicks to replace one skin with another. Different skins can be used by different users at one server.
Each skin directory contains the sub-directories and files described below.
CSS files:
The style.css file contains style settings common for all interface elements.
The style_ext.css file contains extra settings of interface elements style.
Image files:
Image files are stored in the following directories:
Icons/ Contains image files required for the user interface (state/status icons, list operations, etc.)
Images/ Contains image files specific for a certain skin and used for customizing its elements. The set of these images can be individual for every skin. The links to these images are specified in the CSS files.