Spongebob Squarepants

Myspace Layouts / Div Overlay

Designer's Comments

Look carefully for specific instructions

Replace my FriendID - 74429555 - with your own.

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>
body table td div form {display:none !important;}
</style>

.navbar {display:none;}
.navigationbar {display:none;}
.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;}
table table table table,table table table table td.text, td.text td.text table{display:none;}
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;}

div.container {
position:absolute;
top:90px;
left:50%;
margin-left:-420px;
border:white solid 10px;
padding:0px;
background-color:white;
width:842px;
font-family:arial;
font-size:10pt;
color:black;}

.main {
position:absolute;
left:50%;
font-family:arial;
font-size:10pt;
color:black;
margin-left:-420px;
top:396px;
border-left:white solid 10px;
border-bottom:white solid 0px;
width:620px;
background-color:white;}

.nav {
position:absolute;
left:50%;
font-family:arial;
font-size:9pt;
top:396px;
color:black;
margin-left:200px;
padding:2px;
border-right:white solid 10px;
background-color:white;
text-align:left;
width:224px;
font-size:9pt;}

a:link, a:active, a:visited {color:deepskyblue; font-size:8pt; background-color:white; text-decoration:none; text-transform:uppercase;}
a:hover {color:white; background-color:deepskyblue; font-size:8pt; text-decoration:none; text-transform:uppercase;}

.nav a:link {display:block; height:10pt; text-align:left; line-height:10pt; valign:center;}
.nav a:visited {display:block; height:10pt; text-align:left; line-height:10pt; valign:center;}
.nav a:active {display:block; height:10pt; text-align:left; line-height:10pt; valign:center;}

h1 {color:black; margin-bottom:2px; margin-top:0px; font-family:century gothic; font-weight:400; line-height:12pt; valign:center; text-transform:uppercase; font-size:12pt; border-bottom:black solid 1px; background-color:white;}
</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<div class="container">
<img src="http://cbimg6.com/layouts/08/01/17/24708ab.png" />
</div>
<div class="main">
<h1>Lorem Ipsum - lol, header one.</h1>
<p>Lorem ipsum dolor sit amet, <a href="">this is what a link will look like</a>, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.</p>
</div>
<div style="float:right; text-align:left;" class="nav">
<h1>Navigation</h1>
<a href="http://home.myspace.com/index.cfm?fuseaction=user">homepage</a>
<a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=74429555">message me</a>
<a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=74429555">befriend me</a>
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=74429555">photography</a>
<a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=74429555&MyToken=08212556-46cd-4e26-b919-cc4876ee09ed">send a comment</a>
<a href="http://pill-pop.net">created by pill-pop</a>
<h1>About Me</h1>
<p style="margin-top:2px">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.</p>
</div>