& just a few of your favorite things

Myspace Layouts / Div Overlay

Designer's Comments

Look carefully for specific instructions

image by: fakecake.com

made by: myspace.com/elvylyts

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

</style>

n}
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;

{ Hide Friends } 
td.text td.text table table table, td.text td.text table br, td.text td.text table .orangetext15, td.text td.text .redlink, td.text td.text span.btext

{display:none;} 
td.text td.text table {background-color:transparent;} 
td.text td.text table td, td.text td.text table {height:0;padding:0;border:0;} 
td.text td.text table table td {padding:3;} 
td.text td.text table table br {display:block;}

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

.div{
position: absolute; 
left: 50%;
margin-left:-290px; 
top: 120px;  
z-index: 2;}

.bg{
background-color:white;
position: absolute; 
left: 50%;
margin-left:-260px; 
top: 120px;  
z-index: 1;
width: 530px;
height: 600px;}

.aboutme{
	position: absolute;
	left: 50%;
	margin-left:-70px;
	top: 380px;
	z-index: 5;
	width: 315px;
	height: 310px;
	overflow: auto;

}

.navcomments{
	position: absolute;
	left: 50%;
	margin-left:-240px;
	top: 360px;
	z-index: 5;
	width:  140px;
	height: 550px;
	overflow: auto;

}

h1 {font:normal 25px century gothic; color:F1C4C1;  border-bottom: 2px solid; border-bottom-color:CACECA; letter-spacing: 5px; text-align: left; line-height:18px;}
h2 {font:normal 14px century gothic; color:F1C4C1;  border-bottom: 2px solid; border-bottom-color:CACECA; letter-spacing: 3px; text-align: left; line-height:15px;}
b {color:C5D5D7 !important; font-weight: bold!important; }
strong {color:F1C4C1 !important; font-weight: bold!important; }
u {text-decoration: none; border-bottom: 2px dotted; border-bottom-color: C5D5D7;}
i, em {color:F1C4C1!important;font-family:Times new roman!important; font-size:13px; font-weight: bold;  font-style: italics }

body,table, td, li, p, div
{
font:normal 12px century gothic; 
color:gray; 
border:0px; 
text-transform: none; 
line-height:15px;}

textarea{
background-color:transparent!important;
width: 140px; 
height: 100px; 
color: C5D5D7; 
font:12px century gothic; 
font-weight:bold;
text-transform:none; 
border: dotted 0px #F1C4C1;}

.textarea1{
background-color:transparent!important;
width: 100px; 
height: 20px; 
color: C5D5D7; 
font:12px century gothic; 
font-weight:bold;
text-transform:none; 
border: dotted 1px #F1C4C1;}

input.btn{
background-color:transparent!important;
   background-image:url();
   font-family:arial;
   color:C5D5D7;
   font-size:11px;
   font-weight:bold;
width: 100px; 
height: 20px;
border: dotted 1px #F1C4C1;}

.navb:link{display:block;
text-align:left;
	color:C5D5D7;
	font-size:10px;
	cursor:default;
	font-weight:normal;
	letter-spacing:1px;
	font-family:tahoma;
	text-decoration:none;
	text-transform:none;
line-height:10px;
background-color:FFE7E7;
background-image:url();
background-repeat: no-repeat;
background-position: right;
border-bottom: dotted 2px silver;
width:145px;
height:15px;
}

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

.navb:hover{ display:block;
text-align:RIGHT;
 color:C5D5D7;
	font-size:10px;
	font-weight:normal;
	letter-spacing:1px;
	font-family:tahoma;
text-decoration:none;
	text-transform:none;
background-color:E8FBFD;
background-image:url();
background-repeat: no-repeat;
background-position: right;
width:140px;
height:15px;
}

a:hover{text-align:left; color:gray;	font-size:10px;	font-weight:normal;	letter-spacing:1px;	font-family:tahoma;text-decoration:none;	text-transform:none;}

</style>

<div class="link" ><a href="http://www.myspace.com/elvylyts">myspace.com/elvylyts</a><br>
<a href="http://www.fakecake.com">pic: fakecake.com</a></div>

Layout Code

Copy and paste to I'd Like to Meet

Help

<div class="aboutme" style="overflow: auto;">
<h1>About me</h1>

layout made by <a href="http://www.myspace.com/elvylyts" target="_blank"> elvy-lyts </a><BR>
<B>Bold</B> <U>Underlined</U> <I> Italics</I>
 <br>write here anything you want your friends to know....BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLABLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  BLAH  H  BLAH  BLAH  BLAH  BLAH </div>

<h2> Navigation</h2>

<a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX&MyToken=3a044643-a13d-4c36-ad7c-ef5d63f2acfd" class="navB">Message</a>

<h2> Basics</h2>

Name:          <br>            
age:                     <BR>
School:                          <BR>       
Loves ♥:                      <BR>    
hates:                                     <BR>

<h2>Comments</h2>
<center>
<form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment">
<input type="hidden" name="friendID" value="XXXXXXXX">
<textarea name="f_comments" id="f_comments" class="textarea1">comment</textarea>
<input type="submit" value="submit ♥" class="btn">
</center>
</div>