Bright and Stripey.

Designer's Comments

Look carefully for specific instructions

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

I think this layout turned out alright. I was going to make it into my website layout but it didn't turn out right so I converted it to myspace. 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:cfcfcf;
background-image:url(http://cbimg9.com/layouts/08/04/22/27046ac.gif);
background-position:top left;
 background-repeat:repeat;
 background-attachment:scroll;
scrollbar-arrow-color:fd5ba7;
scrollbar-track-color:cfcfcf;
scrollbar-shadow-color:000;
scrollbar-face-color:000;
scrollbar-highlight-color:000;
scrollbar-darkshadow-color:000;
scrollbar-3dlight-color:000;}
</style>

.div{
position: absolute; 
left:50%; 
margin-left: -300px;
width:600px;
height:499px;
top: 170px;  }

.section1{
position: absolute; 
left: 50%; 
margin-left:-70px; 
background-color:ffffff;
top: 250px; 
width:  345px; 
height: 400px; 
overflow: auto;
scrollbar-track-color:fff;}

.section3{
position: absolute; 
left: 50%; 
margin-left:-278px; 
top: 210px;  
width:  700px; 
height: 70px; 
overflow: auto;
scrollbar-track-color:fff;}

.section4{
position: absolute; 
left: 50%; 
margin-left:-275px; 
top: 250px; 
background-color:ffffff;
width:  185px; 
height: 143px; 
overflow: auto;
scrollbar-track-color:fff;}

.section5{
position: absolute; 
left: 50%; 
margin-left:-275px; 
top: 535px; 
background-color:ffffff;
width:  185px; 
height: 115px; 
overflow: auto;
scrollbar-track-color:fff;}

.commentbox{position: absolute; left: 50%; margin-left:-275px; top: 405px;}

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

body,table, td, li, p, div
{
font:normal 11px 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:tahoma;
	text-decoration:none;
	text-transform:uppercase;
}

a:hover{
	color:fff;
	font-size:10px;
	margin-top:1px;
	cursor:default;
	font-weight:normal;
	letter-spacing:1px;
	font-family:tahoma;
	text-decoration:none;
	text-transform:uppercase;}
	
a.nav:link, a.nav:visited, a.nav:active {
border: none; color:fd5ba7; text-transform:lowercase; padding-right:36px; letter-spacing: -2px; background-color:transparent; font:18px arial black; font-weight:normal;}

a.nav:hover {
border: none; color:fff; text-transform:lowercase;padding-right:36px; letter-spacing: -2px; background-color:transparent;  font:18px arial black; font-weight:normal;}

a.li:link, a.li:visited, a.li:active {
border: none; color:40e6df; text-transform:lowercase; padding-right:36px; letter-spacing: -2px; background-color:transparent; font:18px arial black; font-weight:normal;}

a.li:hover {
border: none; color:fff; text-transform:lowercase;padding-right:36px; letter-spacing: -2px; background-color:transparent;  font:18px arial black; font-weight:normal;}

a.blah:link, a.blah:visited, a.blah:active {
border: none; color:66fc5a; text-transform:lowercase; padding-right:36px; letter-spacing: -2px; background-color:transparent; font:18px arial black; font-weight:normal;}

a.blah:hover {
border: none; color:fff; text-transform:lowercase;padding-right:36px; letter-spacing: -2px; background-color:transparent;  font:18px arial black; font-weight:normal;}

.standard b, p b, B, strong {
font-family:arial black; 
font-size:14px; 
line-height:15px;
letter-spacing:-1px;
color:66fc5a; 
font-weight:none;
font-weight:normal;
border:0px; 
text-transform: lower; }
</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 Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah 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">
<h1>basics</h1>
<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>  
</div>

<div class="section5">
<h1>extra</h1>  
<center>
BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH 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="section3">
 <a class="nav" href="http://home.myspace.com/index.cfm?fuseaction=user">Home</a>
 <a class="li" href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=XXXXXXXX">pics</a>
 <a class="blah" href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX&MyToken=60073af5-e929-4c7a-b357-3f1b6da0bbfb">add</a><a class="nav" href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX&MyToken=60073af5-e929-4c7a-b357-3f1b6da0bbfb">message</a>
 <a class="li" href="http://collect.myspace.com/index.cfm?fuseaction=block.blockUser&userID=XXXXXXXX">block</a>
 <a class="blah" href="http://home.myspace.com/Modules/ViewFriends/FriendsView.aspx?friendID=XXXXXXXX">friends</a>
 <a class="nav" href="http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=XXXXXXXX">blog</a>
</div>

<div class="commentbox">
<style type="text/css">
textarea.area{
background-color:fff;
width:185px;
height:100px;
font-family:arial black;
color:fd5ba7;
text-transform:lowercase;
line-height:19px;
font-size:17px;
text-align:left;
border:0px solid;
border-color:000;
font-weight:normal;
letter-spacing:-2px;
overflow:hidden;
}

input.button {
background-color:ffffff;
width:185px;
height:16px;
font-family:arial black;
color:fd5ba7;
line-height:12px;
font-size:12px;
text-align:center;
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="XXXXXXXX" type="hidden">
<textarea name="f_comments" class="area">Hello</textarea><br />
<input type="submit"class="button" value="send"></form>
</center> 
</div>

Layout Comments

Showing latest 10 of 32 comments

i like the combination between black and rainbow :]
They really suit well and it's my fav style of color shceme.

Nice job :D keep up the good work!

By alesama on Aug 2, 2009 2:52 pm

i love love love this layout!!! it works really well with my profile!!!

By 456839224 on Jun 15, 2009 2:20 pm

i switched to this one and again no send button for comments

By laralee087 on Feb 11, 2009 8:37 pm

Thanks guys. :)

By schizo on Aug 23, 2008 7:47 pm

LOVE iiT!!! =]

By MiZsCrAyzee on Jun 21, 2008 11:16 pm

i love this layout
looks like one of those clipper things in m ovies
take 2 and shizzle lol

[:

ps, chel-c just type it in on google hide music player or type it on here in scripts [:

By rhinoz on Jun 18, 2008 3:04 pm

I love this layout!
But I have a problem with it, where my music player is still showing somewhat on the left.
could you tell me what part of the code fixes it?

By chel-c on Jun 10, 2008 3:47 pm

All the links work perfectly fine for me. You must have forgotten to put in your ID or did it incorrectly.

By schizo on Jun 4, 2008 10:53 am

I love this layout, but I would enjoy it more if the buttons such as "add" and comment" actually worked.
until then there's no point in postnig myspace layouts that do not work in its full capacity.
thanks :D

x

By iluvhipv on Jun 4, 2008 3:14 am

i'm using this. i love this layout.

By born4this on May 26, 2008 2:57 am

View all »

Layout Details

Designer	schizo
Submitted on	Apr 22, 2008
Page views	50,753
Favorites	531
Comments	32
Reviewer	miyashu
Approved on	Apr 22, 2008