First of all you need to prepare three images of softphone in following states:
- Normal
- Pressed (buttons are pressed)
- Hover (mouse pointer is over the button)
| Normal | Pressed | Hover |
 |  |  |
It is important that background color is set to pink RGB(255, 0, 255).
This color is used to specify a transparent area. Everything, which is pink in a skin, will be displayed as a transparent, when an applicaiton is running. This allows you to make rounded corners.
Prepare such images in any image editor (for example, Photoshop) and save them in BMP format 24-bit.
Load the images into SkinMagicBuilder (select menu Object -> Load Image).
The main application window is skinned with element "MainShapeWindow" (find it on the left side of SkinMagicBuilder and double-click on it to open).
It contains many child elements.
Here is a list of them:
- Buttons (0, 1, 2 .. 9 and other)
- Phone number input box
- Login and balance status text (StatusTextShort or StaticShort)
- Call status text (StatusTextLong or StaticLong)
- Volume sliders
- Embedded HTML page element (for advertisement). This is an optional element.
Each element has properties, which are displayed inside the right panel.
For example, every button has properties Normal, Hover and Pressed. These properties are for images of corresponding state.
