Buttons

Myspace Layouts / Div Overlay

Designer's Comments

Look carefully for specific instructions

made by www.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:-200px; 
top: 60px;  
z-index: 1;}

.aboutme{
	position: absolute;
	left: 50%;
	margin-left:-165px;
	top: 150px;
	z-index: 5;
	width:  280px;
	height: 210px;
	overflow: auto;
color:e11b6a;
scrollbar-arrow-color:hotpink;
scrollbar-track-color:640075 ;
scrollbar-face-color:a4dc14 ;

}

.comments{
	position: absolute;
	left: 50%;
	margin-left:-100px;
	top: 390px;
	z-index: 5;
	width:  200px;
	height: 115px;
	overflow: auto;

}

.something{
	position: absolute;
	left: 50%;
	margin-left:-160px;
	top: 580px;
	z-index: 5;
	width:  280px;
	height: 120px;
	overflow: auto;
color:daf214;
scrollbar-arrow-color:purple;
scrollbar-track-color:0a7bb9 ;
scrollbar-face-color:ORANGE;
}

b, strong {color:a4dc14 !important; font-weight: bold!important; }
u {color:de14a3 !important; text-decoration: none; border-bottom: 1px dotted }
i, em {color:f5e901 !important;font-family:Times new roman!important; font-size:13px; font-weight: bold;  font-style: italics }

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

textarea{
background-color: transparent; 
width: 150px; 
height: 50px; 
color: 6f0080; 
font:7px small fonts; 
text-transform:none; 
border: solid 1px 000;}

input.btn{
   background-image:url(http://cbimg6.com/layouts/07/08/02/20214ab.png);
   font-family:arial;
   color:daf214;
   font-size:small;
   font-weight:bold;
width: 162px; 
height: 20px;
background-color:none !important;
border:none }

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

</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<area shape="rect" coords="138,431,223,498"

href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX&MyToken=60073af5-e929-4c7a-b357-3f1b6da0bbfb" alt="add 
me!" />

</map> 
</div>

<div class="aboutme" style="overflow: auto;">
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

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  H  BLAH  BLAH  BLAH  BLAH </div>

<div class="something" style="overflow: auto;">
<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

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  H  BLAH  BLAH  BLAH  BLAH </div>

<div class="comments" style="overflow: auto;">
<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" style=" overflow:auto; font-family:TAHOMA; text-align:center;font-size:15px; font-color:6f0080 ; width:200px; height:50px;border-style:

none;  ">Shut it out loud!!</textarea>
<br><center><input type="submit" value="."class="btn"> 
 </form>

</div>

Layout Comments

Showing latest 10 of 21 comments

You are very talented little lady:D
Very talented indeed.

By Butterface89 on Sep 20, 2010 6:49 pm

cute but why i can't hide the top navigation? help plss

By adeebebe on Nov 3, 2009 1:30 am

This is really colourful =].

By TheExoticPeachFairy on Aug 7, 2008 7:42 pm

i'd like it more if the background was a solid color. theres just too much going on with the stripes.

is there any reason NO music player will work in this layout? or is the problem just specific to me?

By aFlamingChalice on Feb 10, 2008 4:29 pm

BRAVO!! nice job! i shall use this!

By Pinkylovesu on Jan 4, 2008 9:21 pm

beauiful

By IVIike on Oct 28, 2007 3:59 am

The comment box placement is genius!
Five stars!

By ayydub on Aug 7, 2007 12:33 pm

awsome!!!
=]
i really love it!
but i can't place a photo in the about me section =Z
can any one help meeee!!
plss...
www.myspace. com/nadiavonbitchenstein

By nadiaivana on Aug 5, 2007 2:28 pm

that's cute, i love the colors. favorite'd.

By audreyluzr on Aug 4, 2007 10:02 pm

amazingly cuteee.

By stumphart on Aug 4, 2007 4:35 pm

View all »

Layout Details

Designer	elvylyts
Submitted on	Aug 1, 2007
Page views	69,032
Favorites	443
Comments	21
Reviewer	freeflow
Approved on	Aug 2, 2007

Buttons

Designer's Comments

Using This Layout

Update Friend ID

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates