A Spark Of Life

Myspace Layouts / Div Overlay

Designer's Comments

Look carefully for specific instructions

This took forever whatever turned out great.
make sure you add your friendid

Brushes from axeraider70 at devianart.com

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: url(http://cbimg9.com/layouts/08/10/32232aa.jpg) 
repeat-x; 
background-position:no-repeat;
background-position: 0 90px;
background-color:000000;
line-height: 17px; 
cursor: default;
color:000000;-top}
.base{
background-color:00000; 
position:absolute;
left: 50%; 
width:899px;
height:750px;
z-index:1;
margin-left:-449px;
top:90px;}
.box{
background-color:transparent; 
position:absolute;
left: 50%; 
width:811px;
height:125px;
margin-left:-405px;
top:90px;
z-index:6;
overflow:hidden;
}
.box2{
background-color:transparent; 
position:absolute;
left: 50%; 
width:811px;
height:36px;
margin-left:-405px;
top:229px;
z-index:6;
overflow:hidden;
}
.homenav{
background-color:transparent; 
position:absolute;
left: 50%; 
width:63px;
height:78px;
z-index:5;
margin-left:-42px;
top:179px;}
.home{
height:78px; 
width: 74px; 
background-COLOR:transparent; 
hidden; 
background: url(http://cbimg9.com/layouts/08/10/32232ab.jpg) top left no-repeat; 
display: block;}
.home:hover{
background-position: bottom left;}
.messagenav{
background-color:transparent; 
position:absolute;
left: 50%; 
width:75px;
height:79px;
z-index:5;
margin-left:21px;
top:178px;}
.message{
height:79px; 
width: 75px; 
background-COLOR:transparent; 
hidden; 
background: url(http://cbimg9.com/layouts/08/10/32232ac.jpg) top left no-repeat; 
display: block;}
.message:hover{
background-position: bottom left;}
.commentnav{
background-color:transparent; 
position:absolute;
left: 50%; 
width:86px;
height:57px;
z-index:5;
margin-left:98px;
top:188px;}
.comment{
height:57px; 
width: 86px; 
background-COLOR:transparent; 
hidden; 
background: url(http://cbimg9.com/layouts/08/10/32232ad.jpg) top left no-repeat; 
display: block;}
.comment:hover{
background-position: bottom left;}
.picturesnav{
background-color:transparent; 
position:absolute;
left: 50%; 
width:74px;
height:57px;
z-index:5;
margin-left:183px;
top:188px;}
.pictures{
height:57px; 
width: 74px; 
background-COLOR:transparent; 
hidden; 
background: url(http://cbimg9.com/layouts/08/10/32232ae.jpg) top left no-repeat; 
display: block;}
.pictures:hover{
background-position: bottom left;}
.addnav{
background-color:transparent; 
position:absolute;
left: 50%; 
width:45px;
height:57px;
z-index:5;
margin-left:257px;
top:188px;}
.add{
height:57px; 
width: 45px; 
background-COLOR:transparent; 
hidden; 
background: url(http://cbimg9.com/layouts/08/10/32232af.jpg) top left no-repeat; 
display: block;}
.add:hover{
background-position: bottom left;}
.blocknav{
background-color:transparent; 
position:absolute;
left: 50%; 
width:63px;
height:57px;
z-index:5;
margin-left:302px;
top:188px;}
.block{
height:57px; 
width: 63px; 
background-COLOR:transparent; 
hidden; 
background: url(http://cbimg9.com/layouts/08/10/32232ag.jpg) top left no-repeat; 
display: block;}
.block:hover{
background-position: bottom left;}

.content{
background-color:transparent; 
position:absolute;
left: 50%; 
width:317px;
height:291px;
z-index:5;
margin-left:-261px;
top:500px;
overflow:auto;
font-family:trebuchet ms;
font-size:9px;
line-height:9px;
font-weight:normal;
color:bfffc2;
}
h1 {
color:05c1c7;
background-color:transparent;
border-bottom:1px solid;
border-color:bfffc2;
font-size:11px;
text-transform:uppercase;
letter-spacing:-1px;
font-family:trebuchet ms;
display:block;
}
h2 {
color:fffff;
background-color:2c5446;
border-bottom:1px solid;
border-top:1px solid;
border-color:bfffc2;
font-size:10px;
text-transform:uppercase;
letter-spacing:1px;
font-family:trebuchet ms;
display:block;
line-height:11px;
}
h3 {
color:04c19e;
background-color:2c5446;
border-bottom:1px solid;
border-top:1px solid;
border-color:bfffc2;
font-size:13px;
text-transform:uppercase;
letter-spacing:1px;
font-family:trebuchet ms;
display:block;
line-height:13px;
}
a:link, a:active, a:visited {
font-family:trebuchet ms;
font-size:9px;
color:87b189;
font-weight:normal;
text-decoration:none;
}
a:hover {
font-family:trebuchet ms;
font-size:9px;
color:9d9d9d;
font-weight:normal;
text-decoration:none;
}
.content2{
background: url(http://cbimg9.com/layouts/08/10/32232ah.jpg) 
repeat-x; 
background-position:no-repeat;
background-position: 0 0px;
background-color:000000; 
position:absolute;
left: 50%; 
width:176px;
height:302px;
z-index:5;
margin-left:99px;
top:472px;
overflow:auto;
font-family:trebuchet ms;
font-size:9px;
line-height:9px;
font-weight:normal;
color:000000;
}
</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<div class="content"><center>
<h1>  YOUR TITLE HERE  </h1>

About you here

</div><div class="content2"><center>

<h3> YOUR NAME HERE </h3>
<h2>Age</h2>
AGE HERE

<h2>Birthday</h2>
BIRTHDAY HERE

<h2>status</h2>
STATUS HERE

</div>
<div class="homenav">
<a href="http://home.myspace.com/index.cfm?fuseaction=user" class="home"></a>
</div>
<div class="messagenav">
<a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX" class="message"></a>
</div>
<div class="commentnav">
<a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=XXXXXXXX" class="comment"></a>
</div>
<div class="picturesnav">
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=XXXXXXXX" class="pictures"></a>
</div>
<div class="addnav">
<a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX" class="add"></a>
</div>
<div class="blocknav">
<a href="http://friends.myspace.com/index.cfm?fuseaction=block.blockUser&userID=XXXXXXXX" class="block"></a>
</div>
<div class="box">
<img src="http://cbimg9.com/layouts/08/10/32232ai.png" /></div>
<div class="box2">
<img src="http://cbimg9.com/layouts/08/10/32232ai.png" /></div>
<div class="base">
<img src="http://cbimg9.com/layouts/08/10/32232aj.jpg" /></div>