Black.

Designer's Comments

Look carefully for specific instructions

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

Ok, it's fixed. Now it looks right in Internet Explorer AND Firefox. Comments are appreciated. :)

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:1c1c1c;
background-image:url();
background-position:top left;
 background-repeat:repeat;
 background-attachment:scroll;
scrollbar-arrow-color:ffffff;
scrollbar-track-color:1c1c1c;
scrollbar-shadow-color:151515;
scrollbar-face-color:151515;
scrollbar-highlight-color:151515;
scrollbar-darkshadow-color:151515;
scrollbar-3dlight-color:151515;}
</style>

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

.section1{
position: absolute; 
left: 50%; 
margin-left:-195px; 
top: 170px; 
z-index:5; 
width:  327px; 
height: 320px; 
overflow: auto;}

.commentbox{position: absolute; left: 50%; margin-left:-212px; top: 505px; z-index:1; width:  376px; height: 86px;}

h1{
font-family:times new roman; 
font-size:15px; 
line-height:20px;
color:aaaaaa; 
font-weight:none;
text-align:left;
border-bottom:0px dotted aaaaaa;
width:92%;
text-transform: uppercase;
padding:2px;
font-weight: normal;
margin-bottom: 8px;}

br {line-height:3px;}

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

textarea{
background-color: 121212; 
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:ffffff;
	font-size:10px;
	margin-top:1px;
	cursor:default;
	font-weight:normal;
	letter-spacing:1px;
	font-family:times new roman;
	text-decoration:none;
	text-transform:uppercase;
}
a:hover{
	color:aaaaaa;
	font-size:10px;
	margin-top:1px;
	cursor:default;
	font-weight:normal;
	letter-spacing:1px;
	font-family:times new roman;
	text-decoration:none;
	text-transform:uppercase;}
	
	
.navigation1{
position: absolute; 
left: 50%; 
margin-left:-193px; 
top: 113px; 
z-index:5; 
width:  56px; 
height: 50px; 
overflow: auto;}
	
.nav1{
height:33px; 
width: 56px; 
background-COLOR:transparent; 
hidden; 
background: url(http://cbimg6.com/layouts/08/02/17/25535ac.png) top left no-repeat; 
display:block;}

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

.navigation2{
position: absolute; 
left: 50%; 
margin-left:-137px; 
top: 113px; 
z-index:5; 
width:  56px; 
height: 50px; 
overflow: auto;}
	
.nav2{
height:33px; 
width: 56px; 
background-COLOR:transparent; 
hidden; 
background: url(http://cbimg6.com/layouts/08/02/17/25535ac.png) top left no-repeat; 
display:block;}

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

.navigation3{
position: absolute; 
left: 50%; 
margin-left:-81px; 
top: 113px; 
z-index:5; 
width:  56px; 
height: 50px; 
overflow: auto;}
	
.nav3{
height:33px; 
width: 56px; 
background-COLOR:transparent; 
hidden; 
background: url(http://cbimg6.com/layouts/08/02/17/25535ac.png) top left no-repeat; 
display:block;}

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

.navigation4{
position: absolute; 
left: 50%; 
margin-left:-25px; 
top: 113px; 
z-index:5; 
width:  56px; 
height: 50px; 
overflow: auto;}
	
.nav4{
height:33px; 
width: 56px; 
background-COLOR:transparent; 
hidden; 
background: url(http://cbimg6.com/layouts/08/02/17/25535ac.png) top left no-repeat; 
display:block;}

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

.navigation5{
position: absolute; 
left: 50%; 
margin-left:31px; 
top: 113px; 
z-index:5; 
width:  56px; 
height: 50px; 
overflow: auto;}
	
.nav5{
height:33px; 
width: 56px; 
background-COLOR:transparent; 
hidden; 
background: url(http://cbimg6.com/layouts/08/02/17/25535ac.png) top left no-repeat; 
display:block;}

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

.navigation6{
position: absolute; 
left: 50%; 
margin-left:87px; 
top: 113px; 
z-index:5; 
width:  56px; 
height: 50px; 
overflow: auto;}
	
.nav6{
height:33px; 
width: 56px; 
background-COLOR:transparent; 
hidden; 
background: url(http://cbimg6.com/layouts/08/02/17/25535ac.png) top left no-repeat; 
display:block;}

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

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

<div class="section1"><center>
<h1>black.</h1> 
BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH

<h1>Hobbies</h1> 
BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH

<h1>music</h1> 
BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH

<h1>movies</h1> 
BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH

<h1>tv</h1> 
BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH

<h1>heroes</h1> 
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="navigation2">
<a class="nav2" href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=XXXXXXXX"><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;pics</a>
</div>
<div class="navigation3">
<a class="nav3" href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX&MyToken=60073af5-e929-4c7a-b357-3f1b6da0bbfb"><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;add</a>
</div>
<div class="navigation4">
<a class="nav4" href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX&MyToken=60073af5-e929-4c7a-b357-3f1b6da0bbfb"><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;msg</a>
</div>
<div class="navigation5">
<a class="nav5" href="http://collect.myspace.com/index.cfm?fuseaction=block.blockUser&userID=XXXXXXXX"><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;block</a>
</div>
<div class="navigation6">
<a class="nav6" href="http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=XXXXXXXX"><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;blog</a>
</div>

<div class="commentbox"><center>
<style type="text/css">
textarea.area{
background-color:121212;
background-image:url(http://cbimg6.com/layouts/08/02/17/25535ad.gif);
background-repeat:repeat;
width:320px;
height:32px;
font-family:times new roman;
color:aaaaaa;
line-height:20px;
font-size:18px;
border:1px solid;
border-color:000;
font-weight:normal;
letter-spacing:-1px;
}

input.button {
background-color:121212;
background-image:url(http://cbimg6.com/layouts/08/02/17/25535ad.gif);
background-repeat:repeat;
width:320px;
height:18px;
font-family:times new roman;
color:aaaaaa;
line-height:12px;
font-size:12px;
text-align:center;
border:1px solid;
border-color:000;
font-weight:normal;
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.</textarea><br />
<input type="submit"class="button" value="send comment"></form>
</center> 
</div>

Layout Comments

Showing latest 10 of 23 comments

You know what though, I just looked at your screen shot and its different than when I open up the preview. On your screen shot all the characters of the nav links are aligned to the left, but when I open it up they are centered, so I dont know how you intended it. *hugs* Again, great work.

By ZeroGrafics on Feb 25, 2009 1:24 pm

Another great layout by my favorite artist! This is one of your more simple ones that Ive seen, but it looks great. The ONLY thing I would change is the BLOCK and BLOG buttons, because the text isnt centered like it is on all the other ones. But Im not criticizing. :) Keep up the great work schizo!!! -ZeroGrafics

By ZeroGrafics on Feb 25, 2009 1:22 pm

to enable music in FF you need to find this line of code and change it from
embed, object {width:0px; height:0px;}

and change it too

embed, object {width:1px; height:1px;}

By smeggypoo on Feb 6, 2009 6:56 pm

i love it.so simple. but it wont play my music...:(

By biskit94 on Nov 15, 2008 1:56 pm

Umm, myspace won't delete you for hiding the nav bar. That isn't mentioned ANYWHERE in the Terms of Service.

By schizo on Jul 17, 2008 10:09 am

uummm i love the layout but how do you move it down cause its blocking some of the myspace nav bar and i dont want to be deleted

By flyguy4901 on Jul 16, 2008 8:36 pm

why dont the comments work?

By akajohn2 on Mar 20, 2008 8:57 am

the scrollbar face color and track color need to be swapped. it's very confusing.

By emberfly on Mar 18, 2008 7:37 pm

very nice rollovers

By emberfly on Mar 15, 2008 11:35 pm

i think this is exactly what i'm looking for when i just feel nothing xD

By eSTReLLiTaFuGaZ on Feb 26, 2008 9:57 pm

View all »

Layout Details

Designer	schizo
Submitted on	Feb 17, 2008
Page views	45,793
Favorites	239
Comments	23
Reviewer	MissHygienic
Approved on	Feb 17, 2008