001:Unique Rebelliousness

Designer's Comments

Look carefully for specific instructions

A layout that I made in a matter of hours, my second attempt at a div overlay layout.
I'D RATHER HAVE A COMMENT THAN A FAVORITE SO IF YOU FAVORITE PLEASE COMMENT TOO!(:

-Fill in all the XXXXXXXXX's with your 9-digit friendID, which is at the end of your myspace address.
-If you use this please tell me I'd love to know someone is using my work(:

Images and coding © n-murray.createblog.com
Do not redistribute, alter and claim your own, remove credit, or use for commercial purposes.

Using This Layout

For specific instructions read designer's comments

This is a div overlay layout, html knowledge required!
1. Log into myspace.com
2. Click on Edit Profile (Profile 1.0)
3. Copy (ctrl c) and paste (ctrl v) code to the specified fields

Update Friend ID

Input Friend ID to automagically update code

Layout Code

Copy and paste to About Me

Help

<p><a href="http://www.createblog.com/myspace-layouts/" title="Grab Myspace Layouts and Myspace Codes"><img src="http://www.createblog.com/images/link1.gif" border="0" alt="Myspace Layouts" style="position:absolute;top:0px;left:0px;width:10px;height:27px;" /></a></p><style>
.profileInfo, .contactTable, .userProfileURL, .interestsAndDetails, .userProfileDetail, .userProfileNetworking, .userProfileSchool, .userProfileCompany, .extendedNetwork, .latestBlogEntry, .blurbs td.text, .orangetext15, table div { display:none!important;
}div table div, table table div {
display:block!important; padding:0;
}table, tr, td {
background:none; border:none;
}.clearfix, .clearfix div {
background-image:none!important;
overflow:hidden;
}.clearfix {
position:relative;
top:-30px;
width:728px;
}.clearfix .clearfix {
bottom:-30px;
margin:-45px 0 0;
position:relative;
top:auto;
width:auto;
}.clearfix .clearfix div {
margin:45px 0 0;
}.clearfix .clearfix div div {
margin:auto;
}.profile, .profile div, .profile input, .clearfix select,.clearfix option, .clearfix ul {
display:none!important;
filter:alpha(opacity=0);
-moz-opacity:0;
opacity:0;
}.friendSpace {display:none;}.friendsComments {display:none;}.contactTable {display: none;}.extendedNetwork {display:none;}.latestBlogEntry {display:none;}.userProfileURL {display:none;}.userProfileDetail {display:none;}
</style>
</font></font><style>
     div div table div {display:none;} .clearfix table div div {display:block;}
     tr td div, div td, div tr, div table {background-color:transparent !important;}
     .profile, div ul {display:none !important; }</style>

a:link, a:link font, a:active, a:active font, a:visited, a:visited font, a.navbar:link, a.navbar:active, a.navbar:visited, a.redlink:link, a.redlink:active, a.redlink:visited {
font-family:  century gothic; font-size: 16px; color:8a8a8a; text-transform: none; text-decoration: none;}
a:hover { text-weight:normal; font-family: century gothic; font-size: 16px; text-transform: none; text-decoration: overline; }

u{
color: 8a8a8a;

}

b {
color: 8a8a8a;
}

i {
color: 8a8a8a;
}

s {
color: 8a8a8a;
}

.h {
color: ffffff;
font: 11pt century gothic;
line-height: 18px;
letter-spacing: 1px;
background-image:url("http://cbimg9.com/layouts/08/12/32848ac.png");
text-align:right;
text-transform:none;
}

.aboutme {
font-family: Gill Sans MT; font-size: 16px; color:484848;
background-color:transparent; border:0px solid;
border-color:none; width:348px; height:147px;
position:absolute; overflow:auto; top:155px;
left:50%; margin-left:-254px;
}

.iandp {
font-family: Gill Sans MT; font-size: 16px; color:484848;
background-color:transparent; border:0px solid;
border-color:none; width:162px; height:80px;
position:absolute; overflow:auto; top:158px;
left:50%; margin-left:96px;
}

.tmb {
font-family: Gill Sans MT; font-size: 16px; color:484848;
background-color:transparent; border:0px solid;
border-color:none; width:162px; height:108px;
position:absolute; overflow:auto; top:271px;
left:50%; margin-left:96px;
}

a:hover {cursor:help;}

.copyright { background-color:transparent; border:0px solid; border-color:none; width:340px; height:20px; position:absolute; overlflow:auto; top:935px; left:50%; margin-left:-253px; font-family:small fonts;
color:ffffff; font-size:8px; line-height:11px; text-decoration:none; text-transform:uppercase font-weight:normal; letter-spacing:1px; text-align:center;}

td td embed, td td object{position:absolute; left:50%; margin-left:0px; top:0px; width:1px; height:1px;}
td.text embed {width:260px; height:38px;}
</style>
<style>
.cornercredit{display:block;width:100px;height:100px; 
background-image:url("http://i301.photobucket.com/albums/nn69/noehawaii/createblog/credit-1.png"); 
background-repeat:no-repeat; top:0px; left:10px; position:absolute;}

.home {display:block;width:72px;height:36px;
background-image:url("http://cbimg9.com/layouts/08/12/32848ad.png"); background-repeat:no-repeat; position:absolute; top:380px; left:50%; margin-left:187px;}

.home:hover {display:block;width:72px;height:36px; background-image:url("http://cbimg9.com/layouts/08/12/32848ae.png"); background-repeat:no-repeat;}

.blk {display:block;width:26px;height:58px;
background-image:url("http://cbimg9.com/layouts/08/12/32848af.png"); background-repeat:no-repeat; position:absolute; top:320px; left:50%; margin-left:263px;}

.blk:hover {display:block;width:26px;height:58px; background-image:url("http://cbimg9.com/layouts/08/12/32848ag.png"); background-repeat:no-repeat;}

.add {display:block;width:24px;height:56px;
background-image:url("http://cbimg9.com/layouts/08/12/32848ah.png"); background-repeat:no-repeat; position:absolute; top:200px; left:50%; margin-left:263px;}

.add:hover {display:block;width:24px;height:56px; background-image:url("http://cbimg9.com/layouts/08/12/32848ai.png"); background-repeat:no-repeat;}

.blog {display:block;width:26px;height:59px;
background-image:url("http://cbimg9.com/layouts/08/12/32848aj.png"); background-repeat:no-repeat; position:absolute; top:262px; left:50%; margin-left:263px;}

.blog:hover {display:block;width:26px;height:59px; background-image:url("http://cbimg9.com/layouts/08/12/32848ak.png"); background-repeat:no-repeat;}

.credit {display:block;width:70px;height:38px;
background-image:url("http://cbimg9.com/layouts/08/12/32848al.png"); background-repeat:no-repeat; position:absolute; top:378px; left:50%; margin-left:93px;}

.credit:hover {display:block;width:70px;height:38px; background-image:url("http://cbimg9.com/layouts/08/12/32848am.png"); background-repeat:no-repeat;}

.msg {display:block;width:41px;height:62px;
background-image:url("http://cbimg9.com/layouts/08/12/32848an.png"); background-repeat:no-repeat; position:absolute; top:133px; left:50%; margin-left:262px;}

.msg:hover {display:block;width:50px;height:62px; background-image:url("http://cbimg9.com/layouts/08/12/32848ao.png"); background-repeat:no-repeat;}

.pics {display:block;width:94px;height:37px;
background-image:url("http://cbimg9.com/layouts/08/12/32848ap.png"); background-repeat:no-repeat; position:absolute; top:379px; left:50%; margin-left:-25px;}

.pics:hover {display:block;width:94px;height:37px; background-image:url("http://cbimg9.com/layouts/08/12/32848aq.png"); background-repeat:no-repeat;}

form.cmtbox {padding: 0px; margin: 0px;}
form.cmtbox textarea {
color: 999999;
font-family: 'Small Fonts';
font-size: 7px;
text-transform: uppercase;
text-align: center;
font-weight: normal;
width: 200px; height: 28px;
border: 1px solid; border-color: E8E8E8;
background-color: white;
overflow: auto;
position: absolute;
top:124px; left:50%; margin-left:-100px;
}
form.cmtbox input {
color: 999999;
font-family: 'Small Fonts';
font-size: 7px;
text-align: center;
text-transform: uppercase;
width: 50px; height: 28;
border: 1px solid; border-color: E8E8E8;
background-color: white;
position: absolute;
top:125px; left:50%; margin-left:101px;
}
</style>

<div class="copyright">
©2003-2008 MySpace.com. All Rights Reserved.
</div>

Layout Code

Copy and paste to I'd Like to Meet

Help

<div class="h">Examples</div>
<a href="n-murray.createblog.com">link</a> <b>bold</b> <i>italics</i> <u>underline</u> <s>strike</s>

<div class="h">Copy&Paste for new header!</div>
<center><b>To Do</b></center>
-Replace XXXXXXXXX with FriendID.<br />
<i>To find your friendID go to your profile and look at your URL, then copy and paste the 9 digit number at the end of the URL</i><br />
-<b>DON'T</b> remove credit... Please!<br />
-Delete all "Example" headers and text<br />
-Replace header text with your own header name<br />
-Don't forget to replace the XXXXXXXXX in the very end of the About Me.<br />
-Leave feedback on createblog and my account(:<br />
-Love the layout!

</div>

<div class="h">Examples</div>
<a href="n-murray.createblog.com">link</a> <b>bold</b> <i>italics</i> <u>underline</u> <s>strike</s>

<div class="h">:)</div>
Interests Here

<div class="h">:(</div>
Peeves (thinks that annoy you) here

</div>

<div class="h">Examples</div>
<a href="n-murray.createblog.com">link</a> <b>bold</b> <i>italics</i> <u>underline</u> <s>strike</s>

<div class="h">TV</div>
List of telivision shows here

<div class="h">Movies</div>
List of movies here

<div class="h">Books</div>
List of books here

</div>
<a class="cornercredit" href="http://www.kabooey.com">

</div>

Layout Comments

Showing latest 10 of 17 comments

that is amazing! you must of put so much work into this!! i love vans!! yeah converse would be nice but thanks for the vans one:)) you are awesome

By CrazyVintageGirl on Sep 5, 2009 11:15 pm

i love this
but i was wondering if i can request one
with converses inseed of vans

By frenchieFrench on Apr 15, 2009 7:10 pm

its so awesome
and vans :D
i love it

By skaterkrez on Jan 25, 2009 2:44 pm

gotta love vans

By tattjunk on Jan 5, 2009 8:59 am

hey i rly like this layout, but is that a search bar or something at the top? because it doesnt work, am i doing something wrong? plz let me know, thnxx

By JimmyBlanka on Dec 21, 2008 6:05 pm