Select "View->Skins->Select Skins.." to activate the dialog for selecting skins. In the dialog, you can click <apply> button to apply the selected skin on SlimBrowser. You can also double-click an item to apply the skin. Click <ok> button to apply the selected skin and dismiss the dialog.
Select "View->Skins->Disable Skins" to restore SlimBrowser to its original appearance without skin.
If you don't want to look at the following configuration details, draw the window frame and button images and mail it to us. We'll create the skin for you.
To start designing your own skin, go to SlimBrowser installation directory, change into "skins" directory and then create a sub-directory with the name of the new skin, for example, "my skin". Create a file named "skin.ini" under the newly created directory. You have to write configuration information in "skin.ini" and put necessary images under the same directory. All pictures must be windows bmp files currently.
skin.ini should start with this line: [general]. Specify one option in each line below. An option line should be in the form of "OptionName=OptionValue". If you want to use default value for that option, simply remove that line. A line like "OptionName=" will result in syntax error.
You have two choices for the window frame, i.e., simple-fill frame and custom frame.
In this way, you will design a skin based on a round-rectangle frame with a simple filling pattern. You need to supply the following parameters,
If you haven't specified the option "FrameRect" in the configuration file, the skin will be treated as a custom frame. You have to include 12 images to define the frame. They are,
topleft.bmp, top.bmp, topright.bmp,
lefttop, left.bmp, leftbottom.bmp,
righttop.bmp, right.bmp, rightbottom.bmp,
bottomleft.bmp, bottom.bmp, bottomright.bmp.
Please notice that the top-left corner is included in topleft.bmp(instead of lefttop.bmp); the top-right corner is included in topright.bmp; the bottom-left corner is included in bottomleft.bmp, the bottom-right corner is included in bottom-right.bmp. Also notice that left.bmp, bottom.bmp, left.bmp and right.bmp should be rectangular in shape because they will be tiled to adapt to actual window size.
There are four buttons to be located on the window frame. You can supply an image file for each of the buttons. Each image file must contain four images for the button in normal, hot(when mouse is over), down and disabled states, respectively. The four images should be aligned from left to right in the order mentioned above. The four buttons are minimize button, maximize button, close button and system button.
|minimize button: min.bmp|
|maxmize button: max.bmp|
|close button: close.bmp|
|system button: sys.bmp|
Windows 3.x and unix has a system button while win95 or later replace the system button with an icon. The users click the system button to get a drop down system menu. You can use SlimBrowser icon image as the system button by specifying this option: SystemIcon=true. This option has a default value of true. If you want to use sys.bmp as the image for the system button, you should specify: SystemIcon=false.
If you want to use custom toolbar button images, you need create 6 bitmaps
under your skin folder.
They are respectively,
|toolbar_h.bmp, large hot|
|toolbar_g.bmp, large greyed|
|toolbar_s_h.bmp, small hot|
|toolbar_s_g.bmp, small greyed.|
The large icons are 24x24 pixels, The small icons are 16x16 pixels. You just need add an icon into all the 6 bitmap file. You can derive the hot version by simply increasing the brightness of the normal version. You can derive the grey version by using a grey gradient map in Photoshop. If you don't provide these bitmaps, the default images will be used.
All the toolbars will be filled with the image in file barback.bmp if it exists.
Specify the caption text color by RGB value.
top, right, bottom
Specify the bounding rectangle of caption text. The <right> value should be specified as the negative of the distance from the right end of the caption.