geek.

Myspace Layouts / Div Overlay

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>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;}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;}div div table div {display:none;} .clearfix table div div {display:block;} 
.profile, div ul {display:none !important;}

body {background-color: 040A10;
background-image:url(http://cbimg6.com/layouts/09/12/36051aa.png); 
cursor: crosshair;}

strong, b{color:B93D27; font-family:Arial; font-size:8pt; font-weight:bold;}

i{color:F2B166; font-family:Arial; font-size:8pt;}

p{color:FFFFFF; font-family:Arial; font-size:8pt;}

u{color:FFFFFF; font-family:Arial;
font-size:8pt; text-decoration:none;
border-width:1px; border-style:dashed;
border-color:FFFFFF;border-left:0px;
border-right:0px;border-top:0px;}

a:active, a:link, a:visited {font: normal 7px small fonts;text-transform: uppercase;color: B93D27;}

a:hover {color: 000000;text-decoration: none;cursor: crosshair; }

.overlay {top:100px;left: 50%;margin-left: -500px;position:absolute;z-index:0;}

a.clickits:link, a.clickits:active, a.clickits:visited{display:block;
background-color:transparent;color:F2B166;
font-family:Silkscreen; font-size:9px;
text-align:center; padding:7px;
text-decoration:none; text-transform:uppercase;
font-weight:normal;letter-spacing:1pt;margin-top:1px;}

a.clickits:hover{display:block;
background-color:FFFFFF;color:040A10;
font-family:Silkscreen; font-size:9px;
text-align:right;padding:7px;
text-decoration:none;text-transform:uppercase;
font-weight:normal;letter-spacing:2pt;margin-top:1px;}

.about {background: transparent;
width: 580px;height: 278px; position: absolute;
overflow: auto; top: 407px;left: 50%; margin-left: -438px;  
font-family:Arial; color:FFFFFF;font-size:11px; 
line-height:10px; text-decoration:none; 
font-weight:normal; letter-spacing: ;}

.interest {background: transparent;
width: 284px;height: 246px;position: absolute;
overflow: auto; top: 707px;left: 50%;margin-left: -437px;
font-family:Arial; color:FFFFFF;font-size:11px; 
line-height:10px; text-decoration:none; 
font-weight:normal; letter-spacing: ;}

.extra {background: transparent;
width: 286px;height: 246px;position: absolute;
overflow: auto; top: 707px;left: 50%;margin-left: -143px;
font-family:Arial; color:FFFFFF;font-size:11px; 
line-height:10px; text-decoration:none; 
font-weight:normal; letter-spacing: ;}

.navigation {background: transparent;
width: 88px;height: 138px;position: absolute;
overflow: auto; top: 294px;left: 50%;margin-left: 163px;}

.credit { background: transparent;
width: 60px;height: 15px;position: absolute;
overflow: auto; top: 972px;left: 50%;margin-left: +427px;
font-family:Silkscreen; color:FFFFFF;font-size:8px; 
line-height:10px; text-decoration:none; 
font-weight:normal; letter-spacing: ; }</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

&userID<div class="overlay"><img src="http://cbimg6.com/layouts/09/12/36051ab.png"></div>

<div class="about">
<b>Bold</b> <u>Underline</u> <i>Italicized</i>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean sed urna. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. 
Aenean sed urna. Integer nulla purus, tempor vel, vestibulum id, ullamcorper id, sapien. Nulla facilisi. Sed tempus. Fusce metus. 
Curabitur rhoncus fringilla ligula. Ut euismod justo at elit. Quisque in massa. Nullam ut justo. Donec a diam. Ut nec sapien in velit 
ultricies adipiscing. Duis fermentum justo sed arcu dapibus ultrices. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. 
Aenean sed urna. Integer nulla purus, tempor vel, vestibulum id, ullamcorper id, sapien. Nulla facilisi.Lorem ipsum dolor sit amet, 
consectetuer adipiscing elit. Aenean sed urna. Integer nulla purus, tempor vel, vestibulum id, ullamcorper id, sapien. Nulla facilisi
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean sed urna. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. 
Aenean sed urna. Integer nulla purus, tempor vel, vestibulum id, ullamcorper id, sapien. Nulla facilisi. Sed tempus. Fusce metus. 
Curabitur rhoncus fringilla ligula. Ut euismod justo at elit. Quisque in massa. Nullam ut justo. Donec a diam. Ut nec sapien in velit 
<p>
ultricies adipiscing. Duis fermentum justo sed arcu dapibus ultrices. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean sed urna. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. 
Aenean sed urna. Integer nulla purus, tempor vel, vestibulum id, ullamcorper id, sapien. Nulla facilisi. Sed tempus. Fusce metus. 
Curabitur rhoncus fringilla ligula. Ut euismod justo at elit. Quisque in massa. Nullam ut justo. Donec a diam. Ut nec sapien in velit 
ultricies adipiscing. Duis fermentum justo sed arcu dapibus ultrices. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. 
Aenean sed urna. Integer nulla purus, tempor vel, vestibulum id, ullamcorper id, sapien. Nulla facilisi.Lorem ipsum dolor sit amet, 
consectetuer adipiscing elit. Aenean sed urna. Integer nulla purus, tempor vel, vestibulum id, ullamcorper id, sapien. Nulla facilisi
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean sed urna. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. 
Aenean sed urna. Integer nulla purus, tempor vel, vestibulum id, ullamcorper id, sapien. Nulla facilisi. Sed tempus. Fusce metus. 
Curabitur rhoncus fringilla ligula. Ut euismod justo at elit. Quisque in massa. Nullam ut justo. Donec a diam. Ut nec sapien in velit 
ultricies adipiscing. Duis fermentum justo sed arcu dapibus ultrices. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
</div>

<div class="interest">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean sed urna. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. 
Aenean sed urna. Integer nulla purus, tempor vel, vestibulum id, ullamcorper id, sapien. Nulla facilisi. Sed tempus. Fusce metus. 
Curabitur rhoncus fringilla ligula. Ut euismod justo at elit. Quisque in massa. Nullam ut justo. Donec a diam. Ut nec sapien in velit 
ultricies adipiscing. Duis fermentum justo sed arcu dapibus ultrices. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. 
Aenean sed urna. Integer nulla purus, tempor vel, vestibulum id, ullamcorper id, sapien. Nulla facilisi.Lorem ipsum dolor sit amet, 
consectetuer adipiscing elit. Aenean sed urna. Integer nulla purus, tempor vel, vestibulum id, ullamcorper id, sapien.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean sed urna. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. 
Aenean sed urna. Integer nulla purus, tempor vel, vestibulum id, ullamcorper id, sapien. Nulla facilisi. Sed tempus. Fusce metus. 
Curabitur rhoncus fringilla ligula. Ut euismod justo at elit. Quisque in massa. Nullam ut justo. Donec a diam.
</div>

<div class="extra">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean sed urna. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. 
Aenean sed urna. Integer nulla purus, tempor vel, vestibulum id, ullamcorper id, sapien. Nulla facilisi. Sed tempus. Fusce metus. 
Curabitur rhoncus fringilla ligula. Ut euismod justo at elit. Quisque in massa. Nullam ut justo. Donec a diam. Ut nec sapien in velit 
ultricies adipiscing. Duis fermentum justo sed arcu dapibus ultrices. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. 
Aenean sed urna. Integer nulla purus, tempor vel, vestibulum id, ullamcorper id, sapien. Nulla facilisi.Lorem ipsum dolor sit amet, 
consectetuer adipiscing elit. Aenean sed urna. Integer nulla purus, tempor vel, vestibulum id, ullamcorper id, sapien.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean sed urna. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. 
Aenean sed urna. Integer nulla purus, tempor vel, vestibulum id, ullamcorper id, sapien. Nulla facilisi. Sed tempus. Fusce metus. 
Curabitur rhoncus fringilla ligula. Ut euismod justo at elit. Quisque in massa. Nullam ut justo. Donec a diam.
</div>

<div class="navigation">
<a href="http://home.myspace.com/index.cfm?fuseaction=user" class="clickits">Home</a>
<a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXXX" class="clickits">Message</a>
<a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=XXXXXXXXX" class="clickits">Comment</a>
<a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXXX" class="clickits">Add</a>
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=XXXXXXXXX" class="clickits">Pictures</a>
<a href="http://friends.myspace.com/index.cfm?fuseaction=block.blockUser=XXXXXXXX" class="clickits">Block</a>
</div>

<div class="credit">
<a href="http://www.myspace.com/109158963" target=new>meggybear</a>
</div>

Layout Comments

Showing latest 3 of 3 comments

faving

By none345678 on Jan 1, 2010 3:13 pm

This is nice! :D

By CandyPop on Jan 1, 2010 9:50 am

Hah,so cute!
The little person reminds me of HP though xD
GOOD JOB!

By Snaily on Dec 31, 2009 10:04 pm

Layout Details

Designer	meggyBEAR
Submitted on	Dec 19, 2009
Page views	10,994
Favorites	39
Comments	3
Reviewer	manny-the-dino
Approved on	Dec 31, 2009

geek.

Using This Layout

Update Friend ID

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Colors

Layout Tags

Layout Tools

Layout Affiliates