Color my world.

Designer's Comments

Look carefully for specific instructions

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

Umm...I don't know. I really like this but whenever I like something, other people don't. It's just a simple little layout. Tell me what you think. :)

It's slightly misaligned in firefox...I'm working on it.

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();
background-position:top left;
 background-repeat:repeat;
 background-attachment:scroll;
scrollbar-arrow-color:ffffff;
scrollbar-track-color:fff;
scrollbar-shadow-color:e3e3e3;
scrollbar-face-color:e3e3e3;
scrollbar-highlight-color:e3e3e3;
scrollbar-darkshadow-color:e3e3e3;
scrollbar-3dlight-color:e3e3e3; }

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

.section1{
position: absolute; 
left: 50%; 
margin-left:-68px; 
top: 137px; 
z-index:5; 
width:  245px; 
height: 295px; 
overflow: auto;}

.section5{
position: absolute; 
left: 50%; 
margin-left:-68px; 
top: 505px; 
z-index:5; 
width:  245px; 
height: 295px; 
overflow: auto;}

.section2{
position: absolute; 
left: 50%; 
margin-left:90px; 
top: 286px; 
z-index:5; 
width:  90px; 
height:90px; 
overflow: auto;}

.section3{
position: absolute; 
left: 50%; 
margin-left:-275px; 
top: 380px; 
z-index:5; 
width:  180px; 
height: 180px; 
overflow: fixed;}

.section4{
position: absolute; 
left: 50%; 
margin-left:-270px; 
top: 137px; 
z-index:5; 
width:  175px; 
height: 180px; 
overflow: auto;}

.commentbox{
position: absolute; 
left: 50%; 
margin-left:-273px; 
top: 623px; 
z-index:5; 
width:  175px; 
height: 180px; 
overflow: fixed;}

h1{
font-family:arial black; 
font-size:20px; 
letter-spacing:-2px;
line-height:23px;
color:808080; 
font-weight:none;
text-align:right;
border-bottom:0px dotted fff;
width:92%;
text-transform: lowercase;
padding:2px;
font-weight: normal;
margin-bottom: 8px;}

h1:first-letter{color:e85e92;}

h2{
font-family:arial black; 
font-size:20px; 
letter-spacing:-2px;
line-height:23px;
color:808080; 
font-weight:none;
text-align:right;
border-bottom:0px dotted fff;
width:92%;
text-transform: lowercase;
padding:2px;
font-weight: normal;
margin-bottom: 8px;}

h2:first-letter{color:dfe757;}

h3{
font-family:arial black; 
font-size:20px; 
letter-spacing:-2px;
line-height:20px;
color:808080; 
font-weight:none;
text-align:right;
border-bottom:0px dotted fff;
width:92%;
text-transform: lowercase;
padding:0px;
font-weight: normal;
margin-bottom: 2px;}

h3:first-letter{color:ee7c44;}

h4{
font-family:arial black; 
font-size:20px; 
letter-spacing:-2px;
line-height:23px;
color:808080; 
font-weight:none;
text-align:right;
border-bottom:0px dotted fff;
width:92%;
text-transform: lowercase;
padding:2px;
font-weight: normal;
margin-bottom: 8px;}

h4:first-letter{color:7ce068;}

h5{
font-family:arial black; 
font-size:20px; 
letter-spacing:-2px;
line-height:23px;
color:808080; 
font-weight:none;
text-align:right;
border-bottom:0px dotted fff;
width:92%;
text-transform: lowercase;
padding:2px;
font-weight: normal;
margin-bottom: 8px;}

h5:first-letter{color:70bee8;}

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

textarea{
background-color: transparent; 
background-image:url();
color: ffff; 
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:arial;
	text-decoration:none;
	text-transform:none;
}

a:hover{
	color:fff;
	font-size:10px;
	margin-top:1px;
	cursor:default;
	font-weight:normal;
	letter-spacing:1px;
	font-family:arial;
	text-decoration:none;
	text-transform:none;}
	
a.nav:link, a.nav:visited, a.nav:active {border: none; border-left:none; border-bottom:none;color:808080; background-color:e3e3e3; text-transform:lowercase; letter-spacing: -2px; font-size: 9px; background-image:url(); width:100%; display:block;background-position:right; background-repeat:no-repeat; text-align:right; font:14px arial black; font-weight:normal;}
a.nav:hover {border: none; border-left:none; border-bottom:none;color:808080; background-color:dbdbdb; text-transform:lowercase; letter-spacing: -2px; display:block;font-size: 9px;  background-image:url(); width:100%; background-position:right; background-repeat:no-repeat; font:14px arial black; text-align:right; font-weight:normal;}

.standard b, p b, B, strong {
font-family:arial black; 
font-size:13px; 
line-height:23px;
color:7ce068; 
font-weight:none;
font-weight:normal;
border:0px; 
letter-space:-2px;
text-transform: lowercase; }
table table div form {display:inline !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;}
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;}
table div div{visibility:hidden;!important;}
table table table table,table table table table td.text, td.text td.text table{display:none;}
body div div form {display:none !important;}td td embed, td td embed, td td object{position:absolute;top:0px;right:0px;width:45px;}div div div select {position:absolute !important;  margin-left:-1000px !important; left:0px !important; display:none !important; }div div table div {display:none;}div div table div {display:none;} div div, div td {background-color:transparent; background-image:none!important;}
div.profileWidth {margin-top: -30px !important;}div.profileWidth div {filter:alpha(opacity=0); opacity:0.0001}div.profileWidth div.clearfix, i i i, 
div.profileWidth div div {filter:none; opacity:0.9999}div.profileWidth div.clearfix {position:relative; top:30px}
div div select, div div form {display:none !important;}
div div table div {display:none;} .clearfix table div div {display:block;} 
.profile, div ul {display:none !important;}
</style>

<div class="section1"><center>
<h1>about me</h1>
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 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="section4">
<h3>basics</h3>
<b>Name:</b> BLAH<br> 
<b>Age:</b> BLAH<br> 
<b>Location:</b> BLAH<br> 
<b>Status:</b> BLAH<br>
<b>Hobbies:</b> BLAH<br>  
<b>Heroes:</b> BLAH<br> 
</div>

<div class="section3">
<h4>navigation</h4>
 <a class="nav" target="_self" href="http://home.myspace.com/index.cfm?fuseaction=user">Home</a>
 <a class="nav" target="_self" href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=XXXXXX">pics</a>
 <a class="nav" target="_self" href="http://messaging.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXX">add</a><a class="nav" target="_self" href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXX&MyToken=60073af5-e929-4c7a-b357-3f1b6da0bbfb">message</a>
 <a class="nav" target="_self" href="http://friends.myspace.com/index.cfm?fuseaction=block.blockUser&userID=XXXXXX">block</a>
 <a class="nav" target="_self" href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=XXXXXX&MyToken=309fd791-51cb-4de0-9982-23e1fd6ac746">comment</a>
 <a class="nav" target="_self" href="http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=XXXXXX">blog</a>
</div>

<div class="commentbox">
<h5>comment</h5>
<style type="text/css">
textarea.area{
background-color:dbdbdb;
width:175px;
height:115px;
font-family:arial black;
color:808080;
line-height:26px;
font-size:16px;
text-align:right;
text-transform:normal;
border:0px solid;
border-color:000;
font-weight:normal;
letter-spacing:-2px;
}

input.button {
background-color:dbdbdb;
width:175px;
height:20px;
font-family:arial black;
color:808080;
line-height:15px;
font-size:14px;
text-align:right;
text-transform:lowercase;
border:0px solid;
border-color:000;
font-weight:normal;
letter-spacing:-1px;}
</style>

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

Layout Comments

Showing latest 10 of 42 comments

I'm trying to get rid of the comment box but when I do it puts the box completely out of the set layout and onto the left side. Is there a way to fix this?

By ellieisellie on Aug 22, 2010 9:30 pm