Crayons.

Designer's Comments

Look carefully for specific instructions

If you don't know how to use this kind of layout, click here.

Ugh, this took me forever. It's been tested in Internet Explorer 7 and Firefox so there should be no problems. Someone gave me the suggestion of making a crayon layout so...I did. I really like it. What do you think?

Want to see all my layouts and graphics? website - myspace

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 type="text/css">body{
background-color:fff;
background-image:url(http://cbimg6.com/layouts/08/03/03/25940ac.gif);
background-position:top left;
 background-repeat:repeat;
 background-attachment:scroll;
scrollbar-arrow-color:ffffff;
scrollbar-track-color:fff;
scrollbar-shadow-color:4a7329;
scrollbar-face-color:d9ba5b;
scrollbar-highlight-color:4a7329;
scrollbar-darkshadow-color:fff;
scrollbar-3dlight-color:fff;}
</style>

.div{
position: absolute; 
left: 50%;
margin-left:-400px; 
padding-bottom:20px;
top: 71px;  
z-index: 0;}

.section1{
position: absolute; 
left: 50%; 
margin-left:-336px; 
top: 280px; 
z-index:5; 
width:  290px; 
height: 250px; 
overflow: auto;}

.commentbox{
position: absolute; 
left: 50%; 
margin-left:105px; 
top: 390px; 
z-index:5; 
width:  150px; 
height: 100px; 
overflow: fixed;
}

.nav1{
background-color:transparent; 
position:absolute;
left: 50%; 
width:65px;
height:35px;
z-index:5;
margin-left:-330px;
top:615px;}

.add{
height:30px; 
width: 60px; 
background-COLOR:transparent; 
hidden; 
background: url(http://cbimg6.com/layouts/08/03/03/25940ad.gif) top left no-repeat; 
display: block;}

.add:hover{
background-position: bottom left;}

.nav2{
background-color:transparent; 
position:absolute;
left: 50%; 
width:105px;
height:35px;
z-index:5;
margin-left:-240px;
top:615px;}

.msg{
height:30px; 
width: 100px; 
background-COLOR:transparent; 
hidden; 
background: url(http://cbimg6.com/layouts/08/03/03/25940ae.gif) top left no-repeat; 
display: block;}

.msg:hover{
background-position: bottom left;}

.nav3{
background-color:transparent; 
position:absolute;
left: 50%; 
width:75px;
height:35px;
z-index:5;
margin-left:-110px;
top:615px;}

.block{
height:30px; 
width: 70px; 
background-COLOR:transparent; 
hidden; 
background: url(http://cbimg6.com/layouts/08/03/03/25940af.gif) top left no-repeat; 
display: block;}

.block:hover{
background-position: bottom left;}

.nav4{
background-color:transparent; 
position:absolute;
left: 50%; 
width:65px;
height:35px;
z-index:50;
margin-left:-10px;
top:615px;}

.blog{
height:30px; 
width: 60px; 
background-COLOR:transparent; 
hidden; 
background: url(http://cbimg6.com/layouts/08/03/03/25940ag.gif) top left no-repeat; 
display: block;}

.blog:hover{
background-position: bottom left;}

.nav5{
background-color:transparent; 
position:absolute;
left: 50%; 
width:65px;
height:35px;
z-index:50;
margin-left:90px;
top:615px;}

.pics{
height:30px; 
width: 60px; 
background-COLOR:transparent; 
hidden; 
background: url(http://cbimg6.com/layouts/08/03/03/25940ah.gif) top left no-repeat; 
display: block;}

.pics:hover{
background-position: bottom left;}

.nav6{
background-color:transparent; 
position:absolute;
left: 50%; 
width:75px;
height:35px;
z-index:50;
margin-left:190px;
top:615px;}

.home{
height:30px; 
width: 70px; 
background-COLOR:transparent; 
hidden; 
background: url(http://cbimg6.com/layouts/08/03/03/25940ai.gif) top left no-repeat; 
display: block;}

.home:hover{
background-position: bottom left;}

body,table, td, li, p, div
{
font:normal 9px verdana; 
color:000; 
font-weight:none; 
border:0px; 
text-transform: none; 
line-height:15px;}

textarea{
background-color: transparent; 
background-image:url();
color: 000; 
font:20px verdana; 
text-transform:none;
letter-spacing: -3px;
border: solid 1px 000;}

a:active,a:visited,a:link,a{
	color:000;
	font-size:10px;
	margin-top:1px;
	cursor:default;
	font-weight:normal;
	letter-spacing:1px;
	font-family:tahoma;
	text-decoration:none;
	text-transform:uppercase;
}

a:hover{
	color:416226;
	font-size:10px;
	margin-top:1px;
	cursor:default;
	font-weight:normal;
	letter-spacing:1px;
	font-family:tahoma;
	text-decoration:none;
	text-transform:uppercase;}

.standard b, p b, B, strong {
font-family:century gothic; 
font-size:12px; 
line-height:18px;
color:416226; 
font-weight:none;
border:0px; 
text-transform: uppercase; }
</style>

BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH

</center> 
</div>

<div class="commentbox"><center>
<style type="text/css">
textarea.area{
background-color:d9ba5b;
width:140px;
height:50px;
font-family:century gothic;
color:2f2c23;
line-height:20px;
font-size:12px;
text-align:center;
text-transform:uppercase;
border:0px solid;
border-color:000;
font-weight:bold;
letter-spacing:0px;
}

input.button {
background-color:d9ba5b;
width:140px;
height:17px;
text-transform:uppercase;
font-family:century gothic;
color:2f2c23;
line-height:14px;
font-size:10px;
text-align:center;
border:0px solid;
border-color:000;
font-weight:bold;
letter-spacing:0px;}
</style>

<form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment">
<input name="friendID" value="XXXXXXXX" type="hidden">
<textarea name="f_comments" class="area">Hello there.</textarea><br />
<input type="submit"class="button" value="send"></form>
</center> 
</div>

Layout Comments

Showing latest 10 of 38 comments

This is so cute. Very adorable.
But when i click on 'home, pics' etc it comes up with the webpage cannot be found? I really want to use this layout! The comment box shows but doesn't work... x

By SexyButcher on Nov 20, 2009 7:57 pm

Copy the code from my website (it's linked in my designer's comments). The codes here are outdated and I don't have time to edit them all.

By schizo on Jul 27, 2009 12:20 pm

The comment box doesnt work for me, either.

By cfairy8 on Jul 27, 2009 1:39 am

i love this layout
i always wanted one liek this:]

By amynuggets on Mar 6, 2009 2:09 am

adorable layout.
this one will probably stay longer than others.
and that doesn't happen often.
:]

By iloveunderoath92 on Oct 23, 2008 8:27 pm

all i get is the tripes and my info.
nothing more nothing less.
i think this is adorable if i could get the whole thing

By indigoparker on Oct 9, 2008 6:15 pm

If you put in your ID correctly, everything should work. You must have done something wrong.

By schizo on Sep 9, 2008 6:13 pm

i dont kno why but the comment box wont work
it says it has like a invalid friend id or something
and the other links work just fine
i put every hting in correctly :/
help?
thank u
SUPER cute layout btw
props

By alicecullen36 on Sep 8, 2008 10:57 pm

The whole code is there for me. Did you accidentally erase part of it?

By schizo on Aug 13, 2008 7:32 pm

The comment box isn't working for me.
the send bar doesn't show up?
is this all of the code?

By Rebamatic2 on Aug 13, 2008 7:30 pm

View all »

Layout Details

Designer	schizo
Submitted on	Mar 3, 2008
Page views	48,853
Favorites	525
Comments	38
Reviewer	S-Majere
Approved on	Mar 3, 2008