To create your own skin, simply make a copy of one of the other skins. Now follow these rules, to make the new skin work.

The Following Folder and File layout is needed for a skin to work.

- skins
-|- Default
-|- Large
-|-YourFolderName
---|- Normal.ico (must have this name)
---|- Mute.ico (must have this name)
---|- YourFolderName.png (must be a png file, contains the images)
---|- YourFolderName.xml (contains the settings to read the images)

Below is an example XML layout taken from the Default skin.

<?xml version="1.0" encoding="utf-8" ?>
<images>
The background section tells VolumeControl where the
background is located in the .png file
<background>
<left>0</left>
<top>0</top>
<width>220</width>
<height>40</height>
</background>
The slider section tells VolumeControl where the
slider is located in the .png file.
<slider>
<left>220</left>
<top>0</top>
<width>9</width>
<height>24</height>
<direction>h</direction> Only accepts h or v. h for horizontal
v for vertical
<region_on_background> Where should the slider be placed on the background
<left>8</left>
<top>9</top>
<width>171</width>
<height>22</height>
</region_on_background>
</slider>
The volume section tells VolumeControl where the
normal volume icon is located in the .png file.
<volume>
<left>232</left>
<top>0</top>
<width>22</width>
<height>22</height>
<on_background>Where should the volume icon be placed on the background.
<left>189</left>
<top>9</top>
<width>22</width>
<height>22</height>
</on_background>
</volume>
The silent section tells VolumeControl where the
mute icon is located in the .png file.
<silent>
<left>232</left>
<top>22</top>
<width>22</width>
<height>22</height>
<on_background>Where should the mute icon be placed on the background.
<left>189</left>
<top>9</top>
<width>22</width>
<height>22</height>
</on_background>
</silent>
The text section tells VolumeControl where the
volume text (e.g. 90%) should be placed on the background.
<text>
<left>50</left>
<top>15</top>
</text>
</images>