Files That Compose Skin

Style Sheets

custom.css and layout.css

Each interface area has two corresponding CSS files describing its appearance:

The option of modifying the layout.css file is recommended only for the advanced CSS designers.

buttons.css

defines the appearance of certain buttons in user interface. For example, in the XP-skins it defines what images are used for the icons in the Tools groups.

This file is optional if the appearance of multiple buttons is not redefined in the skin. The buttons.css file was separated from main/custom.css only to simplify customization.

general.css

contains style settings common for all interface elements. The style specified here will be applied when displaying an interface element unless it was specifically redefined for the corresponding area of user interface.

tabs.css

contains style settings, which define appearance of tab elements.

info.xml

displays the information on skin (by accessing the Skin Properties page in Plesk), such as author's name, creation date, screenshots and descriptions. This information is stored in the info.xml file, which is located in the skin directory. The thumbnails and screenshots are stored in the screenshots/ directory.

desktop.css

contains style settings for elements located at the Desktop page.

wizard.css

contains style settings for Plesk Wizard pages.

ie.css

contains style settings that are used for displaying screens correctly in Internet Explorer.

Images

Image files are stored in three directories:

icons/ contains icon files required for user interface (state/status icons, list operations, etc.).

images/ contains image files used with the specific skin for customizing elements, set of these can be different for different skins. Links to these images are provided in the CSS files.

screenshots/ contains control panel screenshots and thumbnails.