Stylesheets are probably the most confusing part of making a skin
So im gunna keep it simple.
Stylesheets basically define all the aspects of the skin such as text, colour and spacing
Before we start, all the colours in this section are done in Hexadecimal format which is how bebo works. This means instead of typing a colours name, you type it number value. eg. Red = #FF0000
You can click Pick on the stylesheet page for some colours, or go to
For more colours, just copy and paste the code into the stylesheet.
OK, first thing you need to choose it the Tab Color and Pagetitle Color. These are pretty self explanatory, just choose the colours you want for them.
Main Section (Top of the page with profile photo, 'about me' text etc.)
Padding Top: This is the distance of your profile (such as your photo and 'about me') from the top of the page. The greater you set the number, the more of your main_bg image will be displayed. You can set it from 0-999. If you want your main_bg image all visable and the profile to start under it, then set the Padding to about 380. Just play around with the numbers, then save and go back and click Preview to see what it looks like so far.
Background Color: Pretty obvious really. This is the colour that will be shown behind text and anywhere your main_bg image doesnt show. So make sure it is the same colour as the buttom of your main_bg image so it blends well.
Font Colour: All the main text on your profile will be shown in this colour. Remember it will need to stand out well against your background colour and main_bg image.
Hyperlink Colour: Links such as 'send a
message' and 'add a friend' will be displayed in this colour. As above, make sure they stand out well.
Modules (White Board, Comments, Photos etc.)
Title Font Color: This is the colour of the module title (eg. 'Comments), remember this will be displayed over your module_header image, so it will need to stand out well against it.
Title Padding: This is where abouts the title of your modules will be displayed. Generally you will keep this as the default but if you have an image on the module_header which you dont want it to be over then you can move it. Left is how far from the left hand side of the module that the title will be displayed. Top is how far from the top it will be displayed. You will need to play around with the numbers a bit to get it right. But basically Left 0 Top 0 would be in the very top left. If you set Left 188 Top 22, it will be about half way in. Work from there.
Title Font Size Just keep this as the default.
Font Colour This is the colour of any text in the modules. I recommend keeping this the same as your main section font.
Hyperlink colour The colour of the link text such as "View All | Draw / Write on" and bebo links. I recommend you keep this the same as the Main section hyperlink colour.
Padding Bottom Just keep this as the default.
Background Colour This is the colour of your module background. I recommend having it the same as your Main section Background colour.
The best thing to do in this section is to keep making changes, saving, then previewing the skin. Then going back and making modifications until you are happy with how the skin looks.
