Bebo Skin
73Making 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!
|
Adobe Photoshop CS3 Classroom in a Book
Price: $28.00
List Price: $54.99 |
|
Adobe Photoshop CS3 Extended
Price: $175.99
|
|
The Adobe Photoshop CS3 Book for Digital Photographers
Price: $28.00
List Price: $54.99 |
|
Adobe Photoshop CS3 Windows English Retail
Price: $399.99
|
Bebo Skins Module Sizes
PrintShare it! — Rate it: up down flag this hub
Comments
i want to make my own bebo skin
how do u make bebo skins
were can u get da skin programs on mac from?
i want a bebo page
how can i make my bebo skin look more cool?
i want make bebo skin send me back :d
codie and jess bmfl..x
HOW DO U MAKE A SKIN I HAVE BEING TRYING TO MAKE A SKIN BUT I DONT NO HOW
i av read diss but i still dnt no ow to do it lol
sweet, hey where can I find alot of good 20 x 20 main icon images??
shit
hey hey:)
okae kae kae
anything elae
i have the best skins
whow do u make a bebo skin
How do I let other people use my skins?
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
my skin is very dry.
yeah but how do u save it?
wat do u click?
how do u publish?
|
|
8 NEW HARD SKIN CASE COVER for APPLE IPHONE 3G 3GS M
Current Bid: $7.49
|
|
|
6pcs Silicone Silicon Case Skin Cover for Apple iPhone
Current Bid: $.01
|
|
|
10 ACCESSORY SKIN CASE COVER FOR APPLE IPHONE 3G S 3GS
Current Bid: $7.99
|
|
|
CASE-MATE SMART SKIN BLACKBERRY CURVE 8320 8330 Silver
Current Bid: $14.39
|









bebo skins says:
2 years ago
Can't wait for more details on how you make a skin!