Bebo Skin

73
rate or flag this page

By JEllen Bebo Dude


Making a Bebo Skin

Say you want to make your own Bebo skin, creating skins for Bebo is a several step process. The most efficient program to use for creating a skin for Bebo is Photoshop(Photoshop CS3 is amazing!). If you are a Photoshop pro, you should have no problem creating a cool skin. You will need create seven different modules (I know, seven!) for each of your Bebo layouts. You can look on the tutorial on Bebo for the exact dimensions for all of the graphics you will need for your Bebo skins, and get started.

The popular style of Bebo skins is to have a large main background where you have a cool graphic, then you can add graphics that complement that style as the modules throughout the page. The background color selection is also key. You’ll want a solid color for the background of each module to blend the graphic with the background color of each section. Don’t forget to "save your skin for the web"(you'll have to to keep the file size down), then upload your new skin to: http://www.bebo.com/Skins.jsp. If you’re VERY lucky, they’ll even select it as a Bebo.com featured skin, which will send you lots of profile views, but they only accept about 1%. So keep on practicing!

In my next post I will try to go over this in more detail... For now, if all of this sounds too complicated, you can always get a skin made by a pro skinner at Bebostation.com!


Making Bebo Skins with Paint

Okay, we'll start with the basics. The easiest program to make a bebo skin is Mircosoft Paint. It's on most PC's, so most people have access to the program (but you should all get a Mac!)

Here are instructions on How to Make a Bebo Skin using the program Microsoft Paint. Check here for video tutorials on bebo layouts.

1. To start with you need to open paint. Go to Start>All Programs>Accessories>Paint.

2. Set the sizes for your bebo skin. Go to the top menu bar and then Image>Attributes. You will then get a window up in the middle of the page

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, or check out the table below this section. 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 × 40 Main Background 760 × 375 Main Footer 11 × 15 Main Icon 20 × 20 Module Header 375 × 44 Module Footer 375 × 50 Module Line 32 × 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, 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. **Tip for "Padding Image":in "Main Section" increase the "Padding Top" to around 375. This makes the picture rise up above your profile picture. You can adjust the number to make the header picture the size you want.

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!

Bebo Skins Module Sizes

Print   —   Rate it:  up  down  flag this hub

Comments

RSS for comments on this Hub

bebo skins profile image

bebo skins  says:
2 years ago

Can't wait for more details on how you make a skin!

Tahirah  says:
2 years ago

i want to make my own bebo skin

j  says:
2 years ago

how do u make bebo skins

nic  says:
2 years ago

were can u get da skin programs on mac from?

vanessa  says:
2 years ago

i want a bebo page

ESMERALDA  says:
2 years ago

how can i make my bebo skin look more cool?

Annie  says:
2 years ago

i want make bebo skin send me back :d

codie alison ridler  says:
2 years ago

codie and jess bmfl..x

SARAH  says:
2 years ago

HOW DO U MAKE A SKIN I HAVE BEING TRYING TO MAKE A SKIN BUT I DONT NO HOW

rhianne  says:
2 years ago

i av read diss but i still dnt no ow to do it lol

carlyle  says:
18 months ago

sweet, hey where can I find alot of good 20 x 20 main icon images??

Naman  says:
17 months ago

shit

Jonelle Filipaina  says:
15 months ago

hey hey:)

okae kae kae

ashleen  says:
15 months ago

anything elae

megan m  says:
15 months ago

i have the best skins

demi  says:
12 months ago

whow do u make a bebo skin

Courtney  says:
11 months ago

How do I let other people use my skins?

Samantha :)  says:
10 months ago

I Soo Can't Make A Good Bebo Page! Soo I Go On www.SnazzySpace.com Its Really Good! You Can Make Your Own SKINS really good! Its for BEBO and MYSPACE :) xxxx Paint is just shiit xD

Skin care  says:
7 months ago

my skin is very dry.

Lea  says:
6 months ago

yeah but how do u save it?

wat do u click?

how do u publish?

Submit a Comment
Members and Guests

Sign in or sign up and post using a hubpages account.


optional


  • No HTML is allowed in comments, but URLs will be hyperlinked
  • Comments are not for promoting your hubs or other sites

working