1. To start with you need to open paint. Go to Start>All Programs>Accessories>Paint. Your screen should look something like this:
2. Set the sizes for your skin. Go to the top menu bar and then Image>Attributes. You will then get a window up in the middle of the page as shown below
3. Select Pixels in the units box. You'll need to input all the sizes for your skin. You can only do this individually, you will have to repeat this step for each module. The dimensions for each module are below. Once you have set the first dimensions (I usually start with the main background) you can begin work on your skin.
| Image |
Width x Height (pixels) |
| Navigation Background |
760 x 40 |
| Main Background |
760 x 375 |
| Main Footer |
11 x 15 |
| Main Icon |
20 x 20 |
| Module Header |
375 x 44 |
| Module Footer |
375 x 50 |
| Module Line |
32 x 3 |
4. Decide what you want your skin to look like and go for it. This requires a little basic knowledge of Paint, but it's a pretty basic program.
5. Save your image in a JPG format in order for it to work on the internet. You need to go to File>Save As. There should be two options available. One is for the file name, the other for the file format. In the file format box, you need to select JPG and the click save. Now you can go to File>New and can make your navigation background and so on. Repeat steps 2-5 until all seven graphics are complete.
6. Publish your skin on Bebo. Login to Bebo, go onto your profile and select Change Skin>Roll Your Own>Add A New Skin. Give your skin a name and some tags and click Save. You will then be taken back to the Roll Your Own page. You now need to scroll down until you reach a grey table.
7. Once you can see your skin name (the one I am using to demonstrate is just called tutorial), click on Upload Graphics. Upload all your graphics and click back.
8. Click Edit Stylesheet on the Roll Your Own page. The next step is to enter all the text colours for your skin and the padding (how far up, down, left or right an image is). All of this is done through HTML colours (code for different colours and shadings). If you click on pick, you can choose different colours by colour and the code will be entered for you.
9. Click Save and then Preview. You can repeat 8. and make any changes you'd like at this point.
10. When you've got it just right, click Use This Skin on the Roll Your Own page. Once you have clicked Use This Skin, you cannot go back and change the stylesheet or graphics, so make sure you like it BEFORE you finalize your skins.
11. Now submit your Bebo Skins to be hosted on bebostation.com so more people can find them! | 