Beauty Will Trap You

Myspace Layouts / Div Overlay

Designer's Comments

Look carefully for specific instructions

replace the XXXXXX's!

=]

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:black;
background-image:url();
background-position:top left;
background-repeat:repeat;
background-attachment:scroll;
scrollbar-arrow-color:pink;
scrollbar-track-color:black;
scrollbar-shadow-color:ffffff;
scrollbar-face-color:pink;
scrollbar-highlight-color:000000;
scrollbar-darkshadow-color:pink;
scrollbar-3dlight-color:pink;}

.div{
position: absolute; 
left: 50%;
margin-left:-400px; 
padding-bottom:20px;
top: 140px;  
z-index: 0;}

.section1{
position: absolute; 
left: 50%; 
margin-left:-350px; 
top: 580px; 
z-index:5; 
width:  590px; 
height: 145px; 
overflow: auto;
}

.section2{
position: absolute; 
left: 50%; 
margin-left:270px; 
top: 580px; 
z-index:5; 
width:  146px; 
height: 151px; 
overflow: hidden;}

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

textarea{
background-color: transparent; 
background-image:url();
color: gray; 
font:20px verdana; 
text-transform:none;
letter-spacing: -3px;
border: solid 1px 000;}

a:active,a:visited,a:link,a{
	color:gray;
	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: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.nav:link, a.nav:visited, a.nav:active {border: none; border-left:none; border-bottom:none;color:fff; text-transform:uppercase; letter-spacing: 0px; padding-top:2px; padding:3px;font-size: 12px; background-image:url(); background-color:none; width:50%; display:block;background-position:right; background-repeat:no-repeat; text-align:center; font:12px courier new; font-weight:normal;}
a.nav:hover {border: none; border-left:none; border-bottom:none;color:GREY; text-transform:uppercase; letter-spacing: 0px; padding:3px;font-size: 12px; background-image:url(); background-color:none; width:50%; display:block;background-position:center; background-repeat:no-repeat; text-align:center; font:12px courier new; font-weight:normal;}

b {color: gray; font-size: 11px; letter-spacing: 1px; text-transform: lowercase; font-weight: bold;}
i {color: gray; font-size: 10px; text-transform: lowercase;}
u {color: gray; border-bottom: 2px dotted # 7E3A18; font-size: 10px; letter-spacing: -1px; text-transform: uppercase;}
s {color: gray font-size: 10px; letter-spacing: 1px;}

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>
<a href="http://www.myspace.com/403130572" title="creator"><img src="http://cbimg6.com/layouts/08/08/30542aa.jpg" border="0" alt="Myspace Layouts" style="position:absolute;top:0px;left:0px;width:34px;height:13px;" /></a>

Layout Code

Copy and paste to I'd Like to Meet

Help

<b> bold </b>   <i> italicize </i> <a href="http://www.msplinks.com/MDFodHRwOi8va2F5bHVoaC5jcmVhdGVibG9nLmNvbS8=">Link!</a>  <u> underline </u>  <s> strike through </s>  <br /><br />

put whatever in here put whatever in here put whatever in here put whatever in here put whatever in here put whatever in here put whatever in here put whatever in here put whatever in here put whatever in here put whatever in here put whatever in here put whatever in here put whatever in here put whatever in here put whatever in here put whatever in here put whatever in here put whatever in here put whatever in here put whatever in here put whatever in here put whatever in here put whatever in here put whatever in here put whatever in here put whatever in here put whatever in here put whatever in here put whatever in here put whatever in here put whatever in here put whatever in here put whatever in here put whatever in here put whatever in here put whatever in here put whatever in here put whatever in here put whatever in here put whatever in here put whatever in here put whatever in here put whatever in here put whatever in here put whatever in here put whatever in here put whatever in here put whatever in here put whatever in here put whatever in here put whatever in here put whatever in here put whatever in here put whatever in here put whatever in here put whatever in here put whatever in here put whatever in here put whatever in here put whatever in here put whatever in here put whatever in here put whatever in here put whatever in here put whatever in here put whatever in here put whatever in here put whatever in here put whatever in here put whatever in here put whatever in here put whatever in here put whatever in here put whatever in here put whatever in here put whatever in here put whatever in here put whatever in here put whatever in here put whatever in here put whatever in here put whatever in here put whatever in here put whatever in here put whatever in here put whatever in here put whatever in here put whatever in here put whatever in here 
</center> 
</div>

<div class="section2">
 <a class="nav" href="http://www.msplinks.com/MDFodHRwOi8vaG9tZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2Vy">Home</a>
 <a class="nav" href="http://friends.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX">add</a>
 <a class="nav" href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX">message</a>
 <a class="nav" href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=XXXXXXXX">pictures</a>
 <a class="nav" href="http://friends.myspace.com/index.cfm?fuseaction=user.viewfriends&friendID=XXXXXXXX">view friends</a>
 <a class="nav" href="http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=XXXXXXXX">blogs</a>
</div>

Layout Comments

Showing latest 10 of 12 comments

this is cool, but the pink scrollbar kinda comes outta nowhere

By crimsonsorrow on Dec 19, 2008 2:22 am

remove the
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; }

from the top code. i think that should do it or take out the -1000px.

By Kayluhh on Sep 1, 2008 9:17 pm