Everything's a Miracle

Myspace Layouts / Div Overlay

Designer's Comments

Look carefully for specific instructions

REPLACE ALL XXXXXXXX's WITH YOUR FRIEND ID!

Myspace|How To

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{
background-color: 000000;
background-image:url();
background-position:top left;
 background-repeat:repeat;
 background-attachment:scroll; snap;}

.background2{
position: absolute; 
left: 50%;
margin-left:-350px; 
padding-bottom:20px;
top: 115px; }

.section1{
position: absolute; 
left: 50%; 
margin-left:-337px; 
top: 513px; 
z-index:5; 
width:  523px; 
height: 90px; 
overflow: auto; gipper;}

.section2{
position: absolute; 
left: 50%; 
margin-left: 195px; 
top: 270px; 
z-index:5; 
width:  120px; 
height: 300px; 
overflow: hidden;}

body,table, td, li, p, div
{
font:normal 10px arial; 
color:FFFFFF; 
font-weight:none; 
border:0px; 
text-transform: none; 
line-height:13px;}

a:active,a:visited,a:link,a{
	color:white;
	font-size:10px;
	margin-top:1px;
	cursor:default;
	font-weight:normal;
	letter-spacing:1px;
	font-family:tahoma;
	text-decoration:none;
	text-transform:uppercase;
}

a:hover{
        color:FFFFFFF;    
	font-size:10px;
	margin-top:0px;
	font-weight:normal;
	letter-spacing:1px;
	font-family:tahoma;
	text-decoration:none;
	text-transform:uppercase; gpprsnp;}

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;} .clearfix table div div {display:block;} 
tr td div, div td ,div tr, div table {background-color:transparent !important;}
.profile, div ul {display:none !important;}.clearfix{top:1px; position:relative;}
.clearfix{margin-top:-1px !important; position:relative !important;}div div table div, div.clearfix a {
  visibility:hidden;
  background: transparent !important; }

</style>

<div class="section1">
About Me About Me About Me About Me About Me About Me About Me About Me About Me About Me About Me About Me About Me About Me About Me About Me About Me About Me About Me About Me About Me About Me About Me About Me About Me About Me About Me About Me About Me About Me About Me About Me About Me About Me About Me About Me About Me About Me About Me About Me About Me About Me About Me About Me About Me About Me About Me About Me About Me About Me About Me About Me About Me About Me About Me About Me About Me About Me About Me About Me About Me About Me About Me About Me About Me About Me About Me About Me About Me About Me    
</div>

<div class="section2">
 
 
<a class="nav" href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX&MyToken=8b2108be-2301-4485-a399-e782c86fa854">Message</a> 
<br /><br />

<a class="nav" href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=XXXXXXXX&MyToken=8b2108be-2301-4485-a399-e782c86fa854">Comment</a> 
<br /><br />

<a class="nav" href="http://friends.myspace.com/index.cfm?fuseaction=block.blockUser&userID=XXXXXXXX">Block</a> 
<br /><br />

<a class="nav" href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums2&friendID=XXXXXXXX&view=true">Pictures</a> 
<br /><br />

<a class="nav" href="http://www.myspace.com/caimen123">Credit</a>

</div>

<style>

input.gpsnp {
color:000000 !important;
font-size:7px !important;
width:142px !important;
height:11px !important;
font-family:small fonts !important;
background-color: transparent !important;
border-color:000000 !important;
border-width:0px !important;
border-style:solid !important;
letter-spacing:1px !important;
text-transform:uppercase !important;
line-height:7px !important;
font-weight:normal !important;}

textarea.Gpsnp{
background-color: transparent !important;
width:142px !important;
height:69px !important;
font-family:small fonts !important;
color:000000 !important;
line-height:8px !important;
font-size:7px !important;
border-color:000000 !important;
border-style:solid !important;
border-width:0px !important;
letter-spacing: 0px !important;
font-weight:normal !important;
text-transform:uppercase !important;
}</style>

</div>

Layout Comments

Showing latest 5 of 5 comments

nasty nails

but nice layout

By saritabulibuli on Dec 7, 2008 7:22 pm

This is very nice. Rollovers would look great, but the layout's very well done.

By JennyThePirate on Nov 18, 2008 8:37 pm

Aw this is so cute. :3 I love it. It's simple, yet very strong. I kind of wish the text in the banner was straight instead of diagonal, but it still looks great. :D I plan on using this in the near future.

By Naekipz on Nov 18, 2008 3:50 pm

i like the simplicity.

By previn84 on Nov 18, 2008 2:28 pm

beautiful :)

By goth-nina on Nov 18, 2008 2:13 pm

Layout Details

Designer	dyindyinjohnson
Submitted on	Nov 17, 2008
Page views	35,471
Favorites	335
Comments	5
Reviewer	manny-the-dino
Approved on	Nov 18, 2008

Everything's a Miracle

Designer's Comments

Using This Layout

Update Friend ID

Layout Code

Layout Comments

Layout Details

Layout Colors

Layout Tags

Layout Tools

Layout Affiliates