Wonder

Myspace Layouts / Div Overlay

Designer's Comments

Look carefully for specific instructions

Remember to replace all the XXXXXXXXX's with your 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

<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><style type="text/css">{layout and code by myspace.com/christianoutcast95}

.text {font-family:arial; font-size: 10px; color: ffffff; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: none; padding: 0px; line-height: 11px;}

.splat:hover {
font-family:arial;
font-size:8px;
text-transform:none;
font-weight:normal;
color:ffffff; 
border-right:3px solid white;
background-color:transparent;
width:100px;
text-decoration:none;
display:block;
}

a, a font, a:link, a:visited, a.navbar, a.navbar:link, a.navbar:visited, a.man, a.man:link, a.man:visited, a.man font, a.redlink, a.redlink:visited{ 
color:CECECE; 
font-size:7pt; 
font-weight:normal; 
font-style:normal; 
text-decoration:none; 
text-transform:none; 
font-family:arial,sans-serif; 
}

a:hover, a:hover font, a:active, a.navbar:hover, a.navbar:active, a.man:hover, a.man:active, a.man:hover font, a.searchlinkSmall:hover, a.searchlinkSmall:active, a.redlink:hover, a.redlink:hover{ 
color:CECECE; 
font-size:7pt; 
font-weight:normal; 
font-style:normal; 
text-decoration:underline; 
text-transform:none; 
font-family:arial,sans-serif; 
}

b {color:FFEEDD ;font-weight:bold;text-transform:none;font-size:9px;}
i {font-style:italic; color:889EB5;}
u {color:CFECEC; border-bottom:1px dashed; border-color:D7AAAB;}
strike {color:ADDFFF}

}
body div table td form option{display:none!important;} body div table td form select{display:none!important;} body div table td form input{display:none!important;} body div table td form{display:none!important;}
body{background-color:060C16;}

td td td td{border:0px;width:0px;text-align:left;}
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;}
table, tr, td{ 
background-color: 
transparent; border: 0px; font color: ffffff; 
}

.image {
position:absolute;
top:115px;
left:115px;
width:auto;
height:auto;
overflow:hidden;
z-index:0;}

.aboutme {
position:absolute;
top:375px;
left:255px;
width:450px;
height:335px;
border:0px solid black;
background-color:transparent;
font-family:arial;
font-size:11px;
font-weight:normal;
text-align:justify;
color:ffffff;
overflow:auto;}

.navi {
position:absolute;
top:220px;
left:240px;
width:120px;
height:140px;
border:0px solid black;
background-color:transparent;
font-family:arial;
font-size:11px;
font-weight:normal;
text-align:justify;
color:ffffff;
overflow:auto;}

.heading {
display:block;
text-align:left;
background-color:374F7C;
color:ffffff;
font-family:georgia;
font-size:15px;
line-height:16px;
text-transform:normal;
border-bottom:1px solid;
border-color:ffffff;}

.contacttable,
.whitetext12,
.nametext,
.lightbluetext8,
.orangetext15,
.blacktext12,
.btext,
.redtext,
.redbtext{
display:none;height:0px;!important;visibility:hidden
}

</style>

<STYLE>embed, object{display:block; width:220px; height:38px;position:absolute;left:0px;top:-5px;}</STYLE>

Layout Code

Copy and paste to I'd Like to Meet

Help

<div class="navi">
<a href="http://home.myspace.com/index.cfm?fuseaction=user" class="splat">home</a> 
<a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXX" class="splat">msg</a> 
<a href="http://messaging.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX" class="splat">add</a> 
<a href="http://collect.myspace.com/index.cfm?fuseaction=block.blockUser&userID=XXXXXXXX" class="splat">block</a> 
<a href="http://myspace.com/christianoutcast95" class="splat">credit</a>
</div>

<div class="aboutme">
<img src="http://cbimg6.com/layouts/08/02/15/25490ab.jpg" align="left">name: 
gender: orientation: status: occupation: This is your "about me" section!this is your <s>about</s> <a href="">me</a> SECTION! :) this is your <s>about</s> <a href="">me</a> SECTION! :) this is your <s>about</s> <a href="">me</a> SECTION! :) this is your <s>about</s> <a href="">me</a> SECTION! :) this is your <s>about</s> <a href="">me</a> SECTION! :) this is your <s>about</s> <a href="">me</a> SECTION! :) this is your <s>about</s> <a href="">me</a> SECTION! :) this is your <s>about</s> <a href="">me</a> SECTION! :) this is your <s>about</s> <a href="">me</a> SECTION! :) this is your <s>about</s> <a href="">me</a> SECTION! :) this is your <s>about</s> <a href="">me</a> SECTION! :) this is your <s>about</s> <a href="">me</a> SECTION! :) this is your <s>about</s> <a href="">me</a> SECTION! :) this is your <s>about</s> <a href="">me</a> SECTION! :) this is your <s>about</s> <a href="">me</a> SECTION! :) this is your <s>about</s> <a href="">me</a> SECTION! :) this is your <s>about</s> <a href="">me</a> SECTION! :) this is your <s>about</s> <a href="">me</a> SECTION! :) this is your <s>about</s> <a href="">me</a> SECTION! :) this is your <s>about</s> <a href="">me</a> SECTION! :) this is your <s>about</s> <a href="">me</a> SECTION! :) this is your <s>about</s> <a href="">me</a> SECTION! :) this is your <s>about</s> <a href="">me</a> SECTION! :) this is your <s>about</s> <a href="">me</a> SECTION! :) this is your <s>about</s> <a href="">me</a> SECTION! :) this is your <s>about</s> <a href="">me</a> SECTION! :) this is your <s>about</s> <a href="">me</a> SECTION! :) this is your <s>about</s> <a href="">me</a> SECTION! :) this is your <s>about</s> <a href="">me</a> SECTION! :) this is your <s>about</s> <a href="">me</a> SECTION! :) this is your <s>about</s> <a href="">me</a> SECTION! :) this is your <s>about</s> <a href="">me</a> SECTION! :) this is your <s>about</s> <a href="">me</a> SECTION! :) This is a heading! Put whatever you want here. Type as much as you want--it scrolls. Put whatever you want here. Type as much as you want--it scrolls. Put whatever you want here. Type as much as you want--it scrolls. Put whatever you want here. Type as much as you want--it scrolls. Put whatever you want here. Type as much as you want--it scrolls. Put whatever you want here. Type as much as you want--it scrolls. Put whatever you want here. Type as much as you want--it scrolls. Put whatever you want here. Type as much as you want--it scrolls. Put whatever you want here. Type as much as you want--it scrolls. Put whatever you want here. Type as much as you want--it scrolls. Put whatever you want here. Type as much as you want--it scrolls. Put whatever you want here. Type as much as you want--it scrolls. Put whatever you want here. Type as much as you want--it scrolls. Put whatever you want here. Type as much as you want--it scrolls. Put whatever you want here. Type as much as you want--it scrolls. Put whatever you want here. Type as much as you want--it scrolls. Put whatever you want here. Type as much as you want--it scrolls. Put whatever you want here. Type as much as you want--it scrolls. Put whatever you want here. Type as much as you want--it scrolls. This is a heading! Put whatever you want here. Type as much as you want--it scrolls. Put whatever you want here. Type as much as you want--it scrolls. Put whatever you want here. Type as much as you want--it scrolls. Put whatever you want here. Type as much as you want--it scrolls. Put whatever you want here. Type as much as you want--it scrolls. Put whatever you want here. Type as much as you want--it scrolls. Put whatever you want here. Type as much as you want--it scrolls. Put whatever you want here. Type as much as you want--it scrolls. Put whatever you want here. Type as much as you want--it scrolls. Put whatever you want here. Type as much as you want--it scrolls. Put whatever you want here. Type as much as you want--it scrolls. Put whatever you want here. Type as much as you want--it scrolls. Put whatever you want here. Type as much as you want--it scrolls. Put whatever you want here. Type as much as you want--it scrolls. Put whatever you want here. Type as much as you want--it scrolls. Put whatever you want here. Type as much as you want--it scrolls. Put whatever you want here. Type as much as you want--it scrolls. Put whatever you want here. Type as much as you want--it scrolls. Put whatever you want here. Type as much as you want--it scrolls. This is a heading! Put whatever you want here. Type as much as you want--it scrolls. Put whatever you want here. Type as much as you want--it scrolls. Put whatever you want here. Type as much as you want--it scrolls. Put whatever you want here. Type as much as you want--it scrolls. Put whatever you want here. Type as much as you want--it scrolls. Put whatever you want here. Type as much as you want--it scrolls. Put whatever you want here. Type as much as you want--it scrolls. Put whatever you want here. Type as much as you want--it scrolls. Put whatever you want here. Type as much as you want--it scrolls. Put whatever you want here. Type as much as you want--it scrolls. Put whatever you want here. Type as much as you want--it scrolls. Put whatever you want here. Type as much as you want--it scrolls. Put whatever you want here. Type as much as you want--it scrolls. Put whatever you want here. Type as much as you want--it scrolls. Put whatever you want here. Type as much as you want--it scrolls. Put whatever you want here. Type as much as you want--it scrolls. Put whatever you want here. Type as much as you want--it scrolls. Put whatever you want here. Type as much as you want--it scrolls. Put whatever you want here. Type as much as you want--it scrolls. This is a heading! Put whatever you want here. Type as much as you want--it scrolls. Put whatever you want here. Type as much as you want--it scrolls. Put whatever you want here. Type as much as you want--it scrolls. Put whatever you want here. Type as much as you want--it scrolls. Put whatever you want here. Type as much as you want--it scrolls. Put whatever you want here. Type as much as you want--it scrolls. Put whatever you want here. Type as much as you want--it scrolls. Put whatever you want here. Type as much as you want--it scrolls. Put whatever you want here. Type as much as you want--it scrolls. Put whatever you want here. Type as much as you want--it scrolls. Put whatever you want here. Type as much as you want--it scrolls. Put whatever you want here. Type as much as you want--it scrolls. Put whatever you want here. Type as much as you want--it scrolls. Put whatever you want here. Type as much as you want--it scrolls. Put whatever you want here. Type as much as you want--it scrolls. Put whatever you want here. Type as much as you want--it scrolls. Put whatever you want here. Type as much as you want--it scrolls. Put whatever you want here. Type as much as you want--it scrolls. Put whatever you want here. Type as much as you want--it scrolls. </div>

Layout Comments

Showing latest 3 of 3 comments

Awesome header image. I just wish the content area was a little spiffier.

By schizo on Feb 15, 2008 5:32 pm

that image is amazaaing

By confessional-luvv on Feb 15, 2008 5:29 pm

The nav is too simple
nice image though

By Absinthinjector on Feb 15, 2008 10:08 am

Layout Details

Designer	Apocalyptic-Intervention
Submitted on	Feb 15, 2008
Page views	22,722
Favorites	129
Comments	3
Reviewer	MissHygienic
Approved on	Feb 15, 2008

Wonder

Designer's Comments

Using This Layout

Update Friend ID

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Colors

Layout Tags

Layout Tools

Layout Affiliates