Color Your Life

Designer's Comments

Look carefully for specific instructions

Replace the XXXXXXXX with your friend id. Please do not remove the credit. Thank you. Do not message me, it states below that you're required to have knowledge of HTML.

IF YOU DO NOT KNOW HTML, DO NOT USE THIS LAYOUT!

IMAGE CODE: Remove the

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>
.mslogo, .clearfix form, .clearfix a, .clearfix select, .profileinfo, .contacttable, .userprofileurl, .interestsanddetails, .userprofiledetail, .userprofilenetworking, .userprofileschool, .userprofilecompany, .extendednetwork, .latestblogentry, .blurbs td.text, .orangetext15, .friendspace, .friendscomments, table div {display:none!important;}
table table div, .clearfix, .clearfix div {display:block!important;}
table, tr, td, .clearfix {background:none!important;}
.clearfix tr td div {filter:alpha(opacity:0)!important;} 
.bodycontent div {_filter:alpha(opacity:100)!important;}
div[id="topnav"], div[id="shortcuts"] {opacity:0!important;}
</style>
<style>

BODY {
background-color:white;
scrollbar-face-color:white;
scrollbar-highlight-color:white;
scrollbar-3dlight-color:white;
scrollbar-shadow-color:white;
scrollbar-arrow-color:black;
scrollbar-track-color:white;
scrollbar-darkshadow-color:white;
}

textarea.cyl {
background-color:B2C7FF;
border:0px;
font-family:arial;
font-size:11px;
color:DCFFE7;
padding:2px; 
width:200px;
height:75px;
scrollbar-face-color:B2C7FF;
scrollbar-highlight-color:B2C7FF;
scrollbar-3dlight-color:B2C7FF;
scrollbar-shadow-color:B2C7FF;
scrollbar-arrow-color:DCFFE7;
scrollbar-track-color:B2C7FF;
scrollbar-darkshadow-color:B2C7FF;
}

input.cyl {
background-color:DCFFE7;
border:0px;
font-family:arial;
font-size:11px;
color:B2C7FF;
padding:2px; 
width:200px;
height:15px;
}

.main {
background-color:DCFFE7; 
position:absolute;
height:300px;
width:305px;
border:0px;
overflow:auto;
top:530px;
left:225px;
z-index:2;
font-family:verdana;
font-size:9px;
line-height:9px;
color:black;
scrollbar-face-color:DCFFE7;
scrollbar-highlight-color:DCFFE7;
scrollbar-3dlight-color:DCFFE7;
scrollbar-shadow-color:DCFFE7;
scrollbar-arrow-color:B2C7FF;
scrollbar-track-color:DCFFE7;
scrollbar-darkshadow-color:DCFFE7;
}

.links {
background-color:transparent;
position:absolute;
top:530px;
left:535px;
overflow:auto;
height:200px;
width:150px;
}

h1 {
background-color:B2C7FF;
line-height:11px;
font-family:arial;
font-size:11px;
letter-spacing:6px;
color:DCFFE7;
text-transform:uppercase;
display:block;
}

.nav{
color:B2C7FF;
line-height:11px;
font-family:arial;
font-size:11px;
letter-spacing:6px;
text-transform:uppercase;
width:115px;
display:block;
background-color:transparent;
text-decoration:none;
border-right:5px solid;
border-color:B2C7FF;
}

.nav:hover {
color:DCFFE7;
line-height:11px;
font-family:arial;
font-size:11px;
letter-spacing:6px;
text-transform:uppercase;
width:115px;
display:block;
background-color:B2C7FF;
border:0px;
border-right:5px solid;
border-color:DCFFE7;
text-decoration:none;
}

a:link, a:active, a:visited {
color:B2C7FF;
font-size:9px;
font-family:verdana;
background-color:transparent;
text-decoration:none;
line-height:9px;
}

a:hover {
color:B2C7FF;
font-size:9px;
font-family:verdana;
background-color:transparent;
text-decoration:underline;
line-height:9px;
}

EMBED{width:0px;height:0px;} div table table table td font {visibility:visible;} table table embed {display:block; position:absolute; top:11px; left:0px; visibility:visible;} table table table embed {position:static;} .herpe td td object {position:absolute; left:40%; margin-left:-150px; top:300px;}
embed, object {display:block; width:0px; height:0px;}

img {border:0px;}

.lay {
position:absolute;
top:114px;
left:0px;
background-color:transparent;
border:0px;
}
</style>
<div class="lay">
<img src="http://cbimg6.com/layouts/07/08/19/20761aa.png" border="0">
</div>

<div class="main">
<h1>About me</h1>
Your about me goes here. Your about me goes here. Your about me goes here. Your about me goes here. Your about me goes here. Your about me goes here. Your about me goes here. Your about me goes here. Your about me goes here. Your about me goes here. Your about me goes here. Your about me goes here. Your about me goes here. Your about me goes here. Your about me goes here. Your about me goes here. Your about me goes here. Your about me goes here. Your about me goes here. Your about me goes here. Your about me goes here. Your about me goes here. Your about me goes here. <a href="myspace.com">Myspace</a>
<h1>Interests</h1>
What ever you want to put in here, ie. movies, music, heros, books. What ever you want to put in here, ie. movies, music, heros, books. What ever you want to put in here, ie. movies, music, heros, books. What ever you want to put in here, ie. movies, music, heros, books. What ever you want to put in here, ie. movies, music, heros, books. What ever you want to put in here, ie. movies, music, heros, books. What ever you want to put in here, ie. movies, music, heros, books. What ever you want to put in here, ie. movies, music, heros, books. What ever you want to put in here, ie. movies, music, heros, books. What ever you want to put in here, ie. movies, music, heros, books.

<h1>Comment</h1>
<center><form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input name="friendID" value="YOURIDXXX" type="hidden"><textarea name="f_comments" class="cyl">Just thought I would say...</textarea><br>
<input type="submit" class="cyl" value="Submit"></form>

</center>
</div>

<div class="links">
<a href="http://home.myspace.com/index.cfm?fuseaction=user" class="nav">Home</a>
<a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX" class="nav">Add </a>
<a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX" class="nav">Message</a>
<a href="http://collect.myspace.com/index.cfm?fuseaction=block.blockUser&userID=XXXXXXXX" class="nav">Block</a>
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=XXXXXXXX" class="nav">Pictures</a>
<a href="http://friends.myspace.com/index.cfm?fuseaction=user.viewfriends&friendID=XXXXXXXX" class="nav">Friends</a>
<a href="http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=XXXXXXXX" class="nav">Blog</a>
<a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewComments&friendID=XXXXXXXX" class="nav">Comments</a>
<a class="nav" href="http://www.37am.net">Credit</a>
</div>

Layout Comments

Showing latest 10 of 12 comments

lovely. :)

By -dynamic- on Sep 8, 2008 11:59 pm

i like this layout very pretty.

By sweetphatty on May 14, 2008 10:58 am

I Love This Layout But Its Sorta hard Too Read The Word Color In The WAtercolors Paint But Besides that I Love HOw Everything Is So Bright And COlorful. Great Job!

By rosedith on Aug 20, 2007 8:20 pm