Extremely simple Div Overlay

Myspace Layouts / Div Overlay

Designer's Comments

Look carefully for specific instructions

Replace the XXXXXXXX with your friend ID! & Leave the credits!!!

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>.SECTION1{POSITION: ABSOLUTE;  
MARGIN-LEFT:-250PX; 
TOP: 150PX; 
Z-INDEX:5; 
WIDTH:  540PX;  
HEIGHT: 500PX; 
OVERFLOW: AUTO;BACKGROUND-COLOR:FFFFFF;BACKGROUND-IMAGE: URL('http://cbimg6.com/layouts/09/06/34868aa.jpg');BACKGROUND-REPEAT:REPEAT;}

.section4{POSITION: ABSOLUTE;  
MARGIN-LEFT: 500PX; 
TOP: 150PX; 
Z-INDEX:5; 
WIDTH:  150PX;  
HEIGHT: 70PX; 
OVERFLOW: AUTO;BACKGROUND-COLOR:FFFFFF;BACKGROUND-IMAGE: URL('http://cbimg6.com/layouts/09/06/34868aa.jpg');BACKGROUND-REPEAT:REPEAT;}

.SECTION6{POSITION: ABSOLUTE;  
MARGIN-LEFT:-590PX; 
TOP: 0PX; 
Z-INDEX:5; 
WIDTH:  90PX;  
HEIGHT: 40PX; 
OVERFLOW: AUTO;BACKGROUND-COLOR:FFFFFF;BACKGROUND-IMAGE: URL('http://cbimg6.com/layouts/09/06/34868aa.jpg');BACKGROUND-REPEAT:REPEAT;}

.section5{POSITION: ABSOLUTE;  
MARGIN-LEFT: 500PX; 
TOP: 230PX; 
Z-INDEX:5; 
WIDTH:  150PX;  
HEIGHT: 50PX; 
OVERFLOW: AUTO;BACKGROUND-COLOR:FFFFFF;BACKGROUND-IMAGE: URL('http://cbimg6.com/layouts/09/06/34868aa.jpg');BACKGROUND-REPEAT:REPEAT;}

.SECTION2{POSITION: ABSOLUTE;  
MARGIN-LEFT:500PX; 
TOP: 300PX; 
Z-INDEX:5; 
WIDTH:  150PX;  
HEIGHT: 130PX; 
OVERFLOW: AUTO;BACKGROUND-COLOR:FFFFFF; BACKGROUND-IMAGE: URL('http://cbimg6.com/layouts/09/06/34868aa.jpg');BACKGROUND-REPEAT:REPEAT;}

TABLE TABLE DIV FORM {DISPLAY:INLINE !IMPORTANT;}
.CONTACTTABLE,.WHITETEXT12,.NAMETEXT,.LIGHTBLUETEXT8,.ORANGETEXT15,.BLACKTEXT12,.BTEXT,.REDTEXT,.REDBTEXT{DISPLAY:NONE;HEIGHT:0PX;!IMPORTANT;VISIBILITY:HIDDEN}
TD TD TD TD{BORDER:0PX;WIDTH:0PX;TEXT-ALIGN:LEFT;}
TABLE,TD,TR{PADDING:0PX;WIDTH:;BACKGROUND-COLOR:TRANSPARENT}
TABLE TABLE TABLE{PADDING:1PX;HEIGHT:.01%;WIDTH:100%;}
TABLE TABLE,TABLE TABLE TABLE TABLE,TABLE,TR,TD{HEIGHT:0PX;!IMPORTANT;BORDER:0PX;!IMPORTANT}
A.TEXT,TABLE DIV FONT A,TABLE DIV DIV,.NAVBAR FONT,TR TD FONT{VISIBILITY:HIDDEN;DISPLAY:NONE;HEIGHT:0PX;!IMPORTANT;}
TD.TEXT TABLE TABLE{DISPLAY:INLINE;VISIBILITY:VISIBLE;}
TABLE TD TABLE TR TD.TEXT TABLE{VISIBILITY:HIDDEN;}
TABLE TD TABLE TR TD.TEXT TABLE TABLE,TABLE TD TABLE TR TD.TEXT TABLE TABLE TD.TEXT{VISIBILITY:VISIBLE;}
TABLE DIV DIV{VISIBILITY:HIDDEN;!IMPORTANT;}
TABLE TABLE TABLE TABLE,TABLE TABLE TABLE TABLE TD.TEXT, TD.TEXT TD.TEXT TABLE{DISPLAY:NONE;}
BODY DIV DIV FORM {DISPLAY:NONE !IMPORTANT;}TD TD EMBED, TD TD EMBED, TD TD OBJECT{POSITION:ABSOLUTE;TOP:0PX;RIGHT:0PX;WIDTH:45PX;}DIV DIV DIV SELECT {POSITION:ABSOLUTE !IMPORTANT;  MARGIN-LEFT:-1000PX !IMPORTANT; LEFT:0PX !IMPORTANT; DISPLAY:NONE !IMPORTANT; }DIV DIV TABLE DIV {DISPLAY:NONE;} DIV DIV TABLE DIV {DISPLAY:NONE;} DIV FORM, .MSLOGO, DIV UL {DISPLAY:NONE!IMPORTANT;}
DIV DIV, DIV TD {BACKGROUND-COLOR:TRANSPARENT; BACKGROUND-IMAGE:NONE!IMPORTANT;}
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}
DIV DIV SELECT, DIV DIV FORM {DISPLAY:NONE !IMPORTANT;}

BODY{
BACKGROUND-COLOR: FFFFFF;
BACKGROUND-IMAGE:URL(http://cbimg6.com/layouts/09/06/34868aa.jpg);
BACKGROUND-POSITION:TOP LEFT;
 BACKGROUND-REPEAT:REPEAT;
 BACKGROUND-ATTACHMENT:SCROLL;}

TABLE, TR, TD, LI, P, DIV, .BTEXT, .BLACKTEXT10, .LIGHTBLUETEXT8, .REDTEXT, .TEXT, .WHITETEXT12{FONT-FAMILY: HELVETICA; FONT-SIZE: 12PX; FONT-WEIGHT: NORMAL; TEXT-DECORATION: bold; LINE-HEIGHT:12PX;LETTER-SPACING:-1PX; color:000000;background-color:transparent;}

I{FONT-FAMILY:GEORGIA; FONT-SIZE:11PX; FONT-WEIGHT:NORMAL;}
B{FONT-WEIGHT:BOLD;}
U{COLOR:000000; BORDER-BOTTOM:1PX DASHED!IMPORTANT;}
SMALL{FONT-FAMILY:SMALL FONTS; FONT-SIZE:8PX; FONT-WEIGHT:NORMAL;}
BIG{FONT-FAMILY:HELVETICA; FONT-SIZE:15PX; COLOR:000000;LETTER-SPACING:-1PX;}
SMALL{FONT-FAMILY:HELVETICA; FONT-SIZE:9PX; COLOR:000000; LETTER-SPACING:1PX;}
H1{FONT-FAMILY:HELVETICA; FONT-SIZE:24PX; LETTER-SPACING:-2PX;COLOR:0091FF;BACKGROUND-COLOR:2B2B2B}
H2{FONT-FAMILY:HELVETICA; FONT-SIZE:24PX; LETTER-SPACING:-2PX;COLOR:D10000;BACKGROUND-COLOR:2B2B2B}
H3{FONT-FAMILY:HELVETICA; FONT-SIZE:24PX; LETTER-SPACING:-2PX;COLOR:FF007B;BACKGROUND-COLOR:2B2B2B}
H4{FONT-FAMILY:HELVETICA; FONT-SIZE:24PX; LETTER-SPACING:-2PX;COLOR:66FF00;BACKGROUND-COLOR:2B2B2B}
H5{FONT-FAMILY:HELVETICA; FONT-SIZE:24PX; LETTER-SPACING:-2PX;COLOR:FFBF00;BACKGROUND-COLOR:2B2B2B}
H7{FONT-FAMILY:HELVETICA; FONT-SIZE:24PX; LETTER-SPACING:-2PX;COLOR:FFFFFF;BACKGROUND-COLOR:2B2B2B}
h6{FONT-FAMILY:HELVETICA; FONT-SIZE:33PX; LETTER-SPACING:-2PX;COLOR:BF00FF;BACKGROUND-COLOR:2B2B2B;}

TD.TEXT TABLE, TD.TEXT TD.TEXT {BACKGROUND-COLOR:TRANSPARENT;}

UL LI A.OPEN:HOVER, UL LI A.OPEN SMALL, UL LI A:HOVER {BACKGROUND-COLOR:WHITE!IMPORTANT; COLOR:WHITE!IMPORTANT;}

.USERPROFILEURL, .USERPROFILEDETAIL, .LATESTBLOGENTRY, 
.ORANGETEXT15, .REDTEXT, .REDBTEXT, .FRIENDSCOMMENTS, 
.INTERESTSANDDETAILS TD.TEXT, .FRIENDSPACE, .CONTACTTABLE {DISPLAY:NONE}

BR {LINE-HEIGHT:0.5PX}

A:ACTIVE, A.REDLINK:ACTIVE, A.REDLINK:VISITED, A.REDLINK:LINK, A.REDLINK:HOVER, A.NAVBAR:ACTIVE {FONT-WEIGHT:NORMAL; FONT-SIZE:11PX!IMPORTANT; LINE-HEIGHT:12PX; FONT-FAMILY:ARIAL!IMPORTANT; TEXT-TRANSFORM:LOWERCASE; TEXT-DECORATION:NONE; COLOR:BLACK}

A:VISITED {COLOR:555555; FONT-FAMILY:ARIAL; LETTER-SPACING:-.5PX;}

A:HOVER {COLOR:41B6C5; FONT-FAMILY:ARIAL; LETTER-SPACING:-.5PX;FONT-WEIGHT:BOLD;}

A:LINK{COLOR:555555;FONT-FAMILY:ARIAL; FONT-SIZE:12PX; LETTER-SPACING:-.5PX;}
.
U{TEXT-DECORATION:UNDERLINE; BORDER-BOTTOM:1PX DASHED; BORDER-TOP:1PX DASHED; BORDER-COLOR:000000;}

BIG, .BLACKTEXT12{FONT: NORMAL 14PT HELVETICA; LETTER-SPACING: -1.5PX!IMPORTANT;LINE-HEIGHT:19PT;}

TABLE TABLE TABLE TABLE TD{WIDTH: 0PX!IMPORTANT;
PADDING: 0PX!IMPORTANT;}

TABLE TR TD DIV FONT {LETTER-SPACING:-1PX; FONT-FAMILY:HELVETICA; FONT-SIZE:12PX; TEXT-TRANSFORM:UPPERCASE; COLOR:00000;}

TEXTAREA{FONT-FAMILY:HELVETICA; FONT-SIZE:12PX; TEXT-TRANSFORM:UPPERCASE; WIDTH:430PX; HEIGHT:50PX; BORDER-STYLE:SOLID; BORDER-WIDTH:0PX; LETTER-SPACING:1PX;}

DIV DIV TABLE DIV {DISPLAY:NONE;} .CLEARFIX TABLE DIV DIV {DISPLAY:BLOCK;} 
.PROFILE, DIV UL {DISPLAY:NONE !IMPORTANT;}

.BACKGROUND{
POSITION: ABSOLUTE; 
LEFT: 50%;
MARGIN-LEFT:-350PX; 
PADDING-BOTTOM:20PX;
TOP: 115PX; Z-INDEX:1; }
</style>

<div class="SECTION1">
<br />
<center><h4>you can delete this header, or do whatever.</h4><br /><br /> YOU SHOULD insert and picture of yourself here, via photobucket or tinypic... </center><br />
<h1> About Me </h1>
 <b> bold </b> <u> underline </u> <i> italicized </i> <small> small </small> <big> big </big> this is normal text. this is normal text.this is normal text.this is normal text.this is normal text.this is normal text.this is normal text.this is normal text.this is normal text.this is normal text.this is normal text.this is normal text.this is normal text.this is normal text.this is normal text.this is normal text.this is normal text.this is normal text.this is normal text.this is normal text.this is normal text. There are 6 headers by the way. Don't use the sixth one except for your headline at the top.this is normal text.this is normal text.this is normal text.this is normal text. oh and this is link <a href"">LINK!</a>
</b>
<h2>my heroes</h2>
<center>
here you can put your heroes, or change the header and put whatever you like :D here you can put your heroes, or change the header and put whatever you like :D here you can put your heroes, or change the header and put whatever you like :D here you can put your heroes, or change the header and put whatever you like :D here you can put your heroes, or change the header and put whatever you like :D here you can put your heroes, or change the header and put whatever you like :D here you can put your heroes, or change the header and put whatever you like :D 
</center>
<br />
<h4>music</h4> <br />here you can put music, or change the header and put whatever you like :D here you can put music, or change the header and put whatever you like :D here you can put music, or change the header and put whatever you like :D here you can put music, or change the header and put whatever you like :D here you can put music, or change the header and put whatever you like :D <br /><br />
 </div> 
<div class="section6">
<a href="http://myspace.com/169487295">Credit</a>
<a href="http://createblog.com/layouts/index.php?author_id=MEMBRNMBR">CB</a>
</div>

Layout Code

Copy and paste to I'd Like to Meet

Help

<div class="section4"> <center><h5>comment</h5><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="cb">radda radda</textarea><br />
<input type="submit" class="cb2" value="<3" /></form>

<style>

input.cb2 {
color:000 !important;
font-size:7px !important;
width:110px !important;
height:15px !important;
font-family:tahoma !important;
background-image:url('http://cbimg6.com/layouts/09/06/34868aa.jpg') !important;
border-color:000000 !important;
border-width:1px !important;
border-style:solid !important;
letter-spacing:1px !important;
text-transform:uppercase !important;
line-height:7px !important;
font-weight:normal !important;}

textarea.cb {
background-color:29C5CB !important;
width:110px !important;
height:35px !important;
font-family:arial !important;
color:000 !important;
line-height:11px !important;
font-size:11px !important;
background-image:url('http://cbimg6.com/layouts/09/06/34868aa.jpg');
border-color:000000 !important;
border-style:solid !important;
border-width:1px !important;
letter-spacing:-1px !important;
font-weight:bold !important;
}</style></div>
<div class="SECTION2">
<center><h2>links</h2><br>
<a href="http://messaging.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX"> add me </a>
<a href="http://collect.myspace.com/index.cfm?fuseaction=block.blockUser&userID=XXXXXXXX"> block me </a>
<a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=XXXXXXXX"> comment me </a>
<a href="http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX"> message me </a> <br>
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=XXXXXXXX">view pics</a><br />
<a href="http://music.myspace.com/index.cfm?fuseaction=music.singleplaylist&friendid=XXXXXXXX&plid=406946">view playlist (on myspace) </a><br />
<a href="http://myspace.com/xcinderxella">cinderella layouts (layouts by me) </a><br /></div>
<div class="section5"><center> <h1>IMs</h1> <br>
here you can put ur screenames
or whatever you want...just change the header.
</div>