005:Crayon Box

Designer's Comments

Look carefully for specific instructions

This was originally my personal myspace layout but I liked it so much I wanted to hand it out to the public! I hope you like it.
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♥

Designing & 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;}
.leaderboard {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: 13px; color:307eff; text-transform: none; text-decoration: none;}
a:hover { text-weight:normal; font-family: century gothic; font-size: 13px; text-transform: none; text-decoration: overline; }

u{
color: f957ff;

}

b {
color: 2eb42e;
font-size:13;
}

i {
color: ffb500;
}

s {
color: a838ff;
}

.h {
display: block; visibility: visible; font-family: "century gothic"; color: ffffff; text-align:right; font-size: 18px; letter-spacing:-3px; 
text-transform: none; line-height:16px; font-weight: normal; border-bottom: 2px solid; border-color:d7d7d7;
}

.aboutme {
font-family: Gill Sans MT; font-size: 16px; color:484848;
background-color:transparent; border:0px solid;
border-color:none; width:548px; height:73px;
position:absolute; overflow:auto; top:240px;
left:50%; margin-left:-282px; overflow-x:hidden; line-height:13px;
}

.meet {
font-family: Gill Sans MT; font-size: 16px; color:484848;
background-color:transparent; border:0px solid;
border-color:none; width:548px; height:68px;
position:absolute; overflow:auto; top:315px;
left:50%; margin-left:-282px; overflow-x:hidden; line-height:13px;
}

.iandp {
font-family: Gill Sans MT; font-size: 16px; color:484848;
background-color:transparent; border:0px solid;
border-color:none; width:138px; height:176px;
position:absolute; overflow:auto; top:386px;
left:50%; margin-left:-282px; overflow-x:hidden; line-height:13px;
}

.tmb {
font-family: Gill Sans MT; font-size: 16px; color:484848;
background-color:transparent; border:0px solid;
border-color:none; width:138px; height:176px;
position:absolute; overflow:auto; top:386px;
left:50%; margin-left:-77px; overflow-x:hidden; line-height:13px;
}

.heroes {
font-family: Gill Sans MT; font-size: 16px; color:484848;
background-color:transparent; border:0px solid;
border-color:none; width:138px; height:176px;
position:absolute; overflow:auto; top:386px;
left:50%; margin-left:128px; overflow-x:hidden; line-height:13px;
}

a:hover {cursor:help;}

.copyright { background-color:transparent; border:0px solid; border-color:none; width:340px; height:20px; position:absolute; overlflow:auto; top:789px; left:50%; margin-left:95px; font-family:small fonts;
color:484848; 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:77px;height:31px; 
background-image:url("http://cbimg6.com/layouts/08/12/33177ac.png"); 
background-repeat:no-repeat; position:absolute; top:595px; left:50%; margin-left:-245px;}

.home:hover {display:block;width:77px;height:31px; 
background-image:url("http://cbimg6.com/layouts/08/12/33177ad.png"); 
background-repeat:no-repeat;}

.add {display:block;width:52px;height:31px;
background-image:url("http://cbimg6.com/layouts/08/12/33177ae.png"); 
background-repeat:no-repeat; position:absolute; top:595px; left:50%; margin-left:-65px;}

.add:hover {display:block;width:52px;height:31px; 
background-image:url("http://cbimg6.com/layouts/08/12/33177af.png"); 
background-repeat:no-repeat;}

.msg {display:block;width:108px;height:31px;
background-image:url("http://cbimg6.com/layouts/08/12/33177ag.png"); 
background-repeat:no-repeat; position:absolute; top:595px; left:50%; margin-left:-12px;}

.msg:hover {display:block;width:108px;height:31px; 
background-image:url("http://cbimg6.com/layouts/08/12/33177ah.png"); 
background-repeat:no-repeat;}

.pics {display:block;width:95px;height:26px;
background-image:url("http://cbimg6.com/layouts/08/12/33177ai.png"); 
background-repeat:no-repeat; position:absolute; top:600px; left:50%; margin-left:-165px;}

.pics:hover {display:block;width:95px;height:26px; 
background-image:url("http://cbimg6.com/layouts/08/12/33177aj.png"); 
background-repeat:no-repeat;}

.blog {display:block;width:50px;height:28px;
background-image:url("http://cbimg6.com/layouts/08/12/33177ak.png"); 
background-repeat:no-repeat; position:absolute; top:598px; left:50%; margin-left:101px;}

.blog:hover {display:block;width:50px;height:28px; 
background-image:url("http://cbimg6.com/layouts/08/12/33177al.png"); 
background-repeat:no-repeat;}

.block {display:block;width:74px;height:31px;
background-image:url("http://cbimg6.com/layouts/08/12/33177am.png"); 
background-repeat:no-repeat; position:absolute; top:596px; left:50%; margin-left:156px;}

.block:hover {display:block;width:74px;height:31px; 
background-image:url("http://cbimg6.com/layouts/08/12/33177an.png"); 
background-repeat:no-repeat; top:599px; left:50%; margin-left:161px;}

form.cmtbox {padding: 0px; margin: 0px;}
form.cmtbox textarea {
color: ffffff;
font-family: 'Small Fonts';
font-size: 7px;
text-transform: uppercase;
text-align: center;
font-weight: normal;
width: 615px; height: 28px;
border: 1px solid; border-color: ffc22e;
background-color: ffc22e;
overflow: auto;
position: absolute;
top:562px; left:50%; margin-left:-315px;
opacity:70%;
}
form.cmtbox input {
color: ffffff;
font-family: 'Small Fonts';
font-size: 7px;
text-align: center;
text-transform: uppercase;
width: 615px; height: 17;
border: 1px solid; border-color: ffb500;
background-color: ffb500;
position: absolute;
top:573px; left:50%; margin-left:-315px;
opacity:70%;
}
</style>

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

<form method="post" action="" class="cmtbox">
<input name="friendID" value="XXXXXXXXX" type="hidden" />
<textarea name="f_comments">type comment here</textarea><br />
<input type="submit" value="SUBMIT" /><br />
</form>

Layout Code

Copy and paste to I'd Like to Meet

Help

<div class="h">Examples</div>
<a href="" target="_blank">link</a> <b>bold</b> <u>underline</u> <i>italics</i> <s>strike</s>
<div class="h">Header</div>
This space here can be your about me.
</div>

<div class="meet">
<div class="h">Examples</div>
<a href="" target="_blank">link</a> <b>bold</b> <u>underline</u> <i>italics</i> <s>strike</s>
<div class="h">Header</div>
This space here can be your Who I'd Like To Meet section.
</div>

<div class="iandp">
<div class="h">Examples</div>
<a href="" target="_blank">link</a> <b>bold</b> <u>underline</u> <i>italics</i> <s>strike</s>
<div class="h">Interests</div>
Interests here
<div class="h">Interests</div>
Peeves here
</div>

<div class="tmb">
<div class="h">Examples</div>
<a href="" target="_blank">link</a> <b>bold</b> <u>underline</u> <i>italics</i> <s>strike</s>
<div class="h">TV</div>
TV here
<div class="h">Movies</div>
Movies here
<div class="h">Books</div>
Books here
</div>

<div class="heroes">
<div class="h">Examples</div>
<a href="" target="_blank">link</a> <b>bold</b> <u>underline</u> <i>italics</i> <s>strike</s>
<div class="h">Header</div>
This can be your heroes section. An idea with this section is to use each header as one of your heroes' names, and beneath it write something about them.
</div>

</div>

Layout Comments

Showing latest 10 of 11 comments

adorableee :)

By rachelbugy on Jul 5, 2009 10:13 pm

i fricken love this layout im gonna use it for my myspaxce i love it it soo cute good job :]

By angela70123 on Apr 19, 2009 1:07 pm

I love it. =]

By sexiihinata on Mar 3, 2009 1:30 pm

i love it ! Verrry colourfull

By alisha123 on Feb 18, 2009 5:34 pm

this is really cuteee :)

By beautifulxtragedy on Jan 26, 2009 3:50 pm

I love this too, It's awesome!

By Addmeonmyspace on Jan 3, 2009 10:41 am

using too cute!

By prodancer4644 on Jan 2, 2009 7:33 pm

using too cute!

By prodancer4644 on Jan 2, 2009 6:50 pm

i love it!!! its so simple, and i love that! i was wondering if i could change some colors tho?? i would still give credit to yo tho.

By CrazedRazzberry on Jan 2, 2009 3:57 pm

aww.
this is WAY cute. (:

By addictedtomyspace on Dec 31, 2008 4:14 pm

View all »

Layout Details

Designer	n-murray
Submitted on	Dec 27, 2008
Page views	24,852
Favorites	145
Comments	11
Reviewer	manny-the-dino
Approved on	Dec 29, 2008

005:Crayon Box

Designer's Comments

Using This Layout

Update Friend ID

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Colors

Layout Tags

Layout Tools

Layout Affiliates