Simple Love Quote

Myspace Layouts / Div Overlay

Designer's Comments

Look carefully for specific instructions

You know the score - replace FRIENDIDHERE with your actual Friend ID!

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><a class="i" href="xiii.us/ms/ad-search-menu">myspace Hide New Top Menu Nav Bar</a><style>.i {display:none}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}</style>

<style>

.blurbs {
margin-top:-50px;
}

table, td {
background-color:transparent;
}

.latestblogentry {
display:none;
}

table table { 
  border:0px; 
 }

.whitetext12 {
color:magenta;
display:none;
}

table table table table { 
  border:0px; 
 background-image:none; 
 background-color:transparent; 
 }

table table table { 
  border-style:Solid; 
 border-width:0px; 
 background-attachment:fixed; 
 }

table table table td { 
  background-color:000000; 
 }

table, tr, td, li, p, div,.text,.redtext, .blacktext12  { 
  color:ffffff; 
 font-size:8pt; 
 font-family:Verdana; 
 }

.orangetext15 { 
  color:EE22CC; 
display:none;
 font-size:10pt; 
 font-family:Arial; 
 }

.lightbluetext8, .blacktext10, .redbtext,.btext  { 
  color:FFFF22; 
 font-size:10pt; 
 font-family:Arial; 
 font-weight:bold;
 }

.nametext { 
  color:22CCEE; 
 font-size:14pt; 
 font-family:Arial; 
 }

a:active, a:visited, a:link, a.searchlinksmall:active, a.searchlinksmall:visited, a.searchlinksmall:link, a.navbar:active, a.navbar:visited, a.navbar:link, a.redlink:active, a.redlink:visited, a.redlink:link  { 
  color:666666; 
  font-family:Verdana; 
 text-decoration:none;
 }

a:hover, a.searchlinksmall:hover, a.navbar:hover, a.redlink:hover  { 
  color:yellowgreen;
  background-color:black;
  font-family:Verdana; 
text-decoration:none;
 }

.contactTable  {display:none;}
.orangetext15 {display:none;}
.friendscomments {display:none;}
.extendednetwork {display:none;}
.friendspace {display:none;}
.userProfileLink {display:none;}
.userProfileURL {display:none;}
.userProfileDetail {display:none;}
.interestsanddetail {display:none;}
.profileInfo {display:none;}

.blacktext12 { visibility:hidden; display:none; }  
 table td div div font {visibility:hidden;} 
 </style>

.layout {
position:absolute;
top:0px;
left:50%;
margin-left:-400px;
}

a.home {
position:absolute;
top:155px;
left:50%;
margin-left:-370px;
width:147px;
height:30px;
background:url('http://cbimg6.com/layouts/08/09/31350ac.png') top left;
}

a.home:hover {
background:url('http://cbimg6.com/layouts/08/09/31350ac.png') top right;
}

a.photography {
position:absolute;
top:180px;
left:50%;
margin-left:-370px;
width:147px;
height:30px;
background:url('http://cbimg6.com/layouts/08/09/31350ad.png') top left;
}

a.photography:hover {
background:url('http://cbimg6.com/layouts/08/09/31350ad.png') top right;
}

a.blogs {
position:absolute;
top:205px;
left:50%;
margin-left:-370px;
width:147px;
height:30px;
background:url('http://cbimg6.com/layouts/08/09/31350ae.png') top left;
}

a.blogs:hover {
background:url('http://cbimg6.com/layouts/08/09/31350ae.png') top right;
}

a.add {
position:absolute;
top:155px;
left:50%;
margin-left:-180px;
width:148px;
height:30px;
background:url('http://cbimg6.com/layouts/08/09/31350af.png') top left;
}

a.add:hover {
background:url('http://cbimg6.com/layouts/08/09/31350af.png') top right;
}

a.block {
position:absolute;
top:180px;
left:50%;
margin-left:-180px;
width:148px;
height:30px;
background:url('http://cbimg6.com/layouts/08/09/31350ag.png') top left;
}

a.block:hover {
background:url('http://cbimg6.com/layouts/08/09/31350ag.png') top right;
}

a.comment {
position:absolute;
top:205px;
left:50%;
margin-left:-180px;
width:148px;
height:30px;
background:url('http://cbimg6.com/layouts/08/09/31350ah.png') top left;
}

a.comment:hover {
background:url('http://cbimg6.com/layouts/08/09/31350ah.png') top right;}

.content {
position:absolute;
top:260px;
left:50%;
margin-left:-380px;
color:black;
font-size:8pt;
font-family:century gothic;
width:756px;
overflow:auto;
height:320px;
}

h1 {
font-size:12pt;
font-weight:400;
color:black;
border-bottom:666666 solid 2px;
valign:center;
line-height:14pt;
font-family:century gothic;
text-align:left;
}

</style>

<div style="position:absolute; top:4px; height:20px; left:4px;">
<a href="http://www.createblog.com/joespace/layouts">creds:joespace</a>
</div>

<div class="content">
<h1>About</h1>
Well i haven't made any layouts for about a year now, well, half a year, since i closed my site pill-pop.net, but i'm getting back into the whole layout biz, might start a site up again soon!<br>
Look out for it! Anyway, i thought i'd make a quick, simple myspace DIV overlay for you peepzzzzz, the coding isn't great, most of it's just off memory, i couldn't find much to hide the new myspace, but it's not that hard anyway since i know the basic module classes :)<br>
<a href="http://www.createblog.com/joespace/layouts">Hope you like it!</a>
<h1>The how to's:</h1>
- In the links, replace FRIENDIDHERE with your myspace friend ID! Otherwise your links wont work! That's an obvious one.<br>
- Don't alter the code! If you don't know what you're doing, then you will mess it up and have to start again! Just simply copy and paste this into your about me section and then replace all of this writing here that you'ree reading now, with your profile content to tell people about yourself and what you like etc...<br>
- Hope you like it!
<h1>Credit</h1>
Don't have to keep this on :)<br>
but anyway - Joespace - www.createblog.com/joespace
</div>