So you're currently browsing through your favourite social networking website whilst trying to think of fun and inventful ways of expressing your individuality and belief in the Ditch the Label campaign; right?

How did we know? Well... our office cactus, Christine told us! She advised that we used our creative power to build you a social networking layout!

At the moment, we have social networking layouts available for 'Myspace.com' and 'Bebo.com', however, if you posess a creative flare, why not create your own and then send us your masterpiece! Who knows... maybe it'll end up on this page one day! To submit your creations, click here!

If you're lazy and can't be bothered to scroll down to find your social networking layout, simply click on one of the following available links and we'll take you there!

For the Myspace DIV Layout, CLICK HERE >>
For the Myspace Standard Layout, CLICK HERE >>
For the Bebo Standard Layout, CLICK HERE >>

Layout 1 (Myspace) - DIV Overlay.

Preview:

Click here to see the layout in action!

To use this layout, simply paste the following code in your 'About Me' section:

<style>

.div{
position: absolute; 
left: 50%;
margin-left:-740px; 
top: -60px;  
z-index: 0;
}
.aboutme{
position: absolute; 
left: 77%; 
margin-left:-480px; 
top: 455px; 
z-index:5; 
width:  560px; 
height: 400px; 
overflow: auto;}
.picturehere{
position: absolute; 
left: 52%; 
margin-left:-480px; 
top: 478px; 
z-index:5; 
width:  560px; 
height: 400px; 
overflow: auto;}
</style>
<style>
.add
{position:absolute; left:40%; margin-left:226px; 
top: 930px;  height:65px; width:292px; color:323232; }
a.DTL1 {
font-family:Tahoma;
font-size:0px;
color:323232;
width:274px;
no-repeat 0% 0%!important;
line-height:54px;
text-align:center; 
display:block;
}
.message
{position:absolute; left:48%; margin-left:226px; 
top: 980px;  height:65px; width:292px; color:323232; }
.comment
{position:absolute; left:48%; margin-left:226px; 
top: 930px;  height:65px; width:292px; color:323232; }
.pictures
{position:absolute; left:36%; margin-left:166px; 
top: 930px;  height:65px; width:292px; color:323232; }
.home
{position:absolute; left:29%; margin-left:146px; 
top: 930px;  height:65px; width:292px; color:323232; }
.friends
{position:absolute; left:38%; margin-left:166px; 
top: 980px;  height:65px; width:292px; color:323232; }
</style>
<style>
table table,table table table table,table table{background-color:transparent;width:;border:0px;}
div,table,tr,td,th{background-color:transparent;text-align:left;border:0px;}
a.navbar,font,.whitetext12,.btext,.orangetext15,
.redbtext,.redtext,.blacktext12,
.lightbluetext8,strong,.nametext,div b font font,
div font font u,table table table table, table.contacttable{display:none;}
div table form tr td,td.text table,a.text, table div font a,table div div,{visibility:hidden;di-splay:none}
table td table tr td.text table {visibility:visible;}
table td table tr td.text table table, table td table tr td.text table table td.text {visibility:visible;}
td.text table table {display:inline; visibility:visible;}

.comments{visibility:none;width:0px; height:0px;position:hidden;
top:0px; margin-left:0px;
overflow:none;background-color:transparent;
border:black 0px solid;z-index:0px;}

td.text td.text img {
width: 90px !important;
}
a.link1:active,a.link1:visited,a.link1:link{padding:1px; color:323232; font-size:9px; margin-top:1px; cursor:default;

font-weight:normal; letter-spacing:1px; font-family:times; text-decoration:none; text-transform:uppercase; display:block;

background-color:323232; border:0px solid black; }
a.link1:hover{
background-color:323232;display:block;
 text-align:center; padding:1px; color:323232; font-size:9px; margin-top:1px; cursor:default; font-weight:normal;

letter-spacing:1px; font-family:times; text-decoration:none; text-transform:uppercase; text-align:right; margin:1px;margin-top:1px

!important;}
 
table td table tr td.text table {visibility:visible;}
table td table tr td.text table table, table td table tr td.text table table td.text {visibility:visible;}

td.text td.text table table table,
td.text td.text table br,
td.text td.text table .orangetext15,
td.text td.text .redlink,
td.text td.text span.btext
{display:none;}
td.text td.text table {background-color:transparent;}
td.text td.text table td, td.text td.text table {height:0;padding:0;border:0;}
td.text td.text table table td {padding:3;}
td.text td.text table table br {display:inline;}
td.text td.text table td {font-size:0pt;}
td.text td.text {height:0;}
td.text td.text table b, td.text td.text table table td {font-size:8pt;}

body,table, td, li, p, div{
font-family: arial;
size: 7px;
color:000000 ; 
font-weight: none; 
border:0px; 
text-transform: none; 
line-height:-1px;
letter-spacing: 0px;}
body{
background-color:323232;

background-image:url();
background-position:top left;
background-repeat:repeat;}
b, strong {
color: 000000; 
font-weight: bold; }
u { 
color: 000000; 
border-bottom: COLOR 0px solid; }
i, em {
color:000000 ;
font-style: italics }
</style>
    <style style="text/css">

.createblogcode{hide all the tables}
    .profileInfo, .extendedNetwork,
    .latestBlogEntry, .interestsAndDetails,
    .userProfileURL, .friendsComments,
    .userProfileNetworking, .userProfileSchool,
    .userProfileDetail, .friendSpace,
    .contactTable, .userProfileCompany, .orangetext15{display: none;}
</style>
<style>
div div table div {display:none;} .clearfix table div div {display:block;} 
.profile, div ul {display:none !important; }
.contacttable,.whitetext12,.nametext,.lightbluetext8,.orangetext15,.blacktext12,.btext,.redtext,.redbtext{display:none;height:0px;

!important;visibility:hidden}
td td td td{border:0px;width:0px;text-align:left;}
table,td,tr{padding:0px;width:;background-color:transparent}
table table table{padding:1px;height:.01%;width:100%;}
table table,table table table table,table,tr,td{height:0px;!important;border:0px;!important}
a.text,table div font a,table div div,.navbar font,tr td font{visibility:hidden;display:none;height:0px;!important;}
table table table table,table table table table td.text, td.text td.text table{display:none;}
td.text table table{display:inline;visibility:visible;}
table td table tr td.text table{visibility:hidden;}
table td table tr td.text table table,table td table tr td.text table table td.text{visibility:visible;}
.a {hide top search bar}
div div select, div div form {display:none !important;}
div div div select {position:absolute !important;  margin-left:-1000px !important; left:0px !important; display:none !important; }
.navigationbar td{font-size:0px; font-color:transparent !important; height:1px;}
a.navbar {display:none;}
div table table td font {visibility:hidden;}
div table table table td font {visibility:visible;}
td td embed, td td object{position:absolute; left:0px; top:0px; width:1px; height:1px;}
td.text embed {width:260px; height:38px;}
td.text embed, td.text object {width:260px; height:38px;}
</style>

(To select the entire code, simply click inside the text box and hold down 'CTRL' and 'a', then right click and select 'Copy')

...and the below code in your 'I'd Like to Meet' section:

<center><b>[THIS IS THE 'ABOUT ME' SECTION]</b><br /><br /><br />
<a href="http://www.ditchthelabel.org" target="_blank"><img src="http://cbimg9.com/layouts/08/07/29571ab.gif" border="0" /></a><br

/>
I believe that we're all unique. <br />I don't like labels, don't use them to evaluate my personality.<br />I support <a

href="http://www.ditchthelabel.org">Ditch the Label</a>.
<br />
</center></div><center>
 
<div class="picturehere">
<img src="http://cbimg9.com/layouts/08/07/29571ac.jpg" /></div><div class="add">
<a href="http://friends.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=[FRIENDIDHERE]" class="DTL1"

style="color:323232;"><img src="http://cbimg9.com/layouts/08/07/29571ad.png" border="0" /></a></div><div class="message">
<a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=[FRIENDIDHERE]" class="DTL1"

style="color:323232;"><img src="http://cbimg9.com/layouts/08/07/29571ae.png" border="0" /></a></div><div class="comment">
<a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=[FRIENDIDHERE]" class="DTL1"

style="color:323232;"><img src="http://cbimg9.com/layouts/08/07/29571af.png" border="0" /></a></div><div class="pictures">
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=[FRIENDIDHERE]" class="DTL1"

style="color:323232;"><img src="http://cbimg9.com/layouts/08/07/29571ag.png" border="0" /></a></div><div class="home">
<a href="http://home.myspace.com/index.cfm?fuseaction=user" class="DTL1" style="color:323232;"><img

src="http://cbimg9.com/layouts/08/07/29571ah.png" border="0" /></a></div><div class="friends">
<a href="http://friends.myspace.com/index.cfm?fuseaction=user.viewfriends&friendID=[FRIENDIDHERE]" class="DTL1"

style="color:323232;"><img src="http://cbimg9.com/layouts/08/07/29571ai.png" border="0" /></a></div></map>

Then, once you've done that, search and replace '[FRIENDIDHERE]' in the second code and also replace 'http://cbimg9.com/layouts/08/07/29571ac.jpg' with a picture of you, measuring 199x205px - and that's it, you're done!

Layout 2 (Myspace) - Standard.

Preview:

Click here to see the layout in action!

To use this layout, simply paste the following code in your 'About Me' section:

ABOUT ME GOES HERE

(To select the entire code, simply click inside the text box and hold down 'CTRL' and 'a', then right click and select 'Copy')

That's it!

Layout 3 (Bebo) - Standard.

Preview:

Click here to see the layout in action!

To use this layout all you need to do is sign into your Bebo.com account and then click here to apply it to your profile! (Yes, that's all!)
The layout will automatically apply to your profile, without you having to play about with html!
With thanks to Stacey Marie for being all creative and stuff!