Dance

Myspace Layouts / Div Overlay

Designer's Comments

Look carefully for specific instructions

"Dance"

HTML knowledge.

And yeah XD.

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>START CODING: DO NOT EDIT BELOW THIS LINE.</style>

<STYLE>
.Codings (coded in notepad, my STYLE, dont jack it}
.C (myspace.com/designershoppe, donot use stylesheet}
.Browsers (Tested on IE, not really good on FF)
</STYLE>
<STYLE type="Text/Css">
BODY{	
	BACKGROUND-color :333333;
	BACKGROUND-image :url("");
	BACKGROUND-repeat :Y-repeat;
	BACKGROUND-position :absolute;
	BACKGROUND-attachment :scroll;}
td, .text, h2, div, input {color:white;font-family:arial; font-size:11Px; letter-spacing:0pt;font-weight: Normal;text-transform:NONE;} 
<STYLE>
BODY{
scrollbar-arrow-color: white;
scrollbar-face-color:black;
scrollbar-3dlight-color: black;
scrollbar-darkshadow-color: black;
scrollbar-shadow-color: black;
scrollbar-highlight-color: black;
scrollbar-track-color:black;}

</STYLE>
<STYLE>Texting style properties.</STYLE>
<style type="text/css">

B, STRONG {
	FONT-family: Arial; 
	FONT-size: 11px; 
	FONT-weight: BOLD;
	TEXT-transform: NONE; 
	LINE-height: 10px; 
	COLOR: WHITE; 
	LETTER-spacing: -1px; 
	BORDER: NONE;}

I, EM {
	FONT-family: GEORGIA; 
	FONT-size: 11px; 
	FONT-weight: ITALICS;
	TEXT-transform: NONE; 
	LINE-height: 10px; 
	COLOR: C9CAD6; 
	LETTER-spacing:0; 
	BORDER: NONE;}

U {
	FONT-family: Arial; 
	FONT-size: 11px; 
	FONT-weight: normal;
	TEXT-transform: NONE;
 	TEXT-decoration: none;
	LINE-height: 10px; 
	COLOR: F9DACD; 
	BORDER-bottom: 1px solid;  
	BORDER-bottom-COLOR: 555555;}

</STYLE>
<style>Other text styling properties</style><style>
BIG {
	FONT-family: arial; 
	FONT-size: 35px; 
	LETTER-spacing: -3px; 
	LINE-height: 26px; 
	COLOR: WHITE; 
	TEXT-transform: NORMAL; 
	TEXT-decoration: none;
	PADDING:0PX;}

S, STRIKE {
	FONT-family: ARIAL; 
	FONT-size: 11px;
	COLOR: D6D6C9; 
 	text-transform: NORMAL;
	line-height: 9px;
	padding:0px;}
</style>

</STYLE><STYLE type="Text/Css">

.headerIMG {
	BACKGROUND-color:TRANSPARENT;
	WIDTH:600px;
	HEIGHT:500px;
	LEFT:250px;
	TOP:180px;
	OVERFLOW:auto;
	position:absolute;
	text-align:left;
	BACKGROUND-image:url("http://cbimg6.com/layouts/07/10/03/22064aa.gif");
	BACKGROUND-repeat:no-repeat;
	BACKGROUND-position:top center;
	BACKGROUND-attachment:scroll;
	visibility:visible;
}

.aboutme {
	Background-color: black;
	width:310px;
	height:auto;
	left:313px;
	top:500px;
	overflow-x:hidden;
	position:absolute;
	border:1px solid;
	border-color:black;
	text-align:justify;
 	visibility:visible;
	background-image:url("");
	background-repeat:n-repeat;
	background-position:left-top}

.navigation {
	BACKGROUND-color:black;
	LEFT:638px;
	TOP:500px;
	WIDTH:150;
	HEIGHT:auto;
	OVERFLOW-x:hidden;
	COLOR:White;
	TEXT-align:justify;
	BORDER:1px solid;
	BORDER-color:black;
	POSITION:absolute; 
	VISIBILITY:visible;}

h1 {
	FONT-family:arial;
	FONT-size: 18pt;
	FONT-weight: normal;
	COLOR: fff;
	LINE-height: 9pt;
	LETTER-spacing: -3px;
	TEXT-align:left;
	TEXT-transform: none;
	PADDING:2px;
	PADDING-left:2px;
	PADDING-bottom:0px;
	PADDING-right:0px;
	MARGIN: 0px;
	MARGIN-bottom: 3px;
	MARGIN-top: 3px;
	MARGIN-right: 0px;
	MARGIN-left: 0px;
	BACKGROUND-color: black; 
	BACKGROUND-image:url("");
	BACKGROUND-repeat:no-repeat;
	BACKGROUND-position:top right;
	BACKGROUND-attachment:scroll;
	BORDER-bottom:1px solid;
	BORDER-top:0px;
	BORDER-color:white;}

</style>

<STYLE>Link properties</STYLE>
<STYLE>
a:LINK, 
a.man:LINK, 
a.text:LINK, 
a:visited, 
a.man:visited, 
a.text:visited, 
a:active, 
a.redlink:active, 
a.redlink:visited, 
a.redlink:LINK, 
a.navbar:LINK, 
a.navbar:visited, 
a.navbar:active 
{font-family:arial; font-size: 8pt; color: ffffff; font-weight: normal; text-decoration: none; letter-spacing: 4px; text-transform: NONE; padding: 0px; line-height: 11px; background-color: trans; border: 0px dashed #C5D92D;}

a:HOVER,
a.man:HOVER,
a.text:HOVER,
a.redlink:HOVER, 
a.navbar:HOVER
{font-family:ARIAL; font-size:8pt; color: F0AE2E; font-weight: NORMAL; text-decoration: none; letter-spacing: 4px; text-transform: NONE; padding: 0px; line-height: 10px; background-color: trans; border-bottom: 0px solid cccccc;}
</STYLE>

}
a.nav:hover
{display:block;color:FFFFFF;font-family:arial;overflow-x:hidden;font-size:8pt;letter-spacing: 4px;font-weight: normal;width:100%;text-transform:normal;text-decoration:none;line-height: 13pt;background-color:black;margin: 1px; border-top:0px solid;border-left:0px solid;border-right:0px solid;border-color: F1C38C;text-align:left;text-indent :2px;}

</STYLE>
<STYLE>End Link Properties</STYLE>

<STYLE type="Text/Css">
.NAMETEXT,
.LIGHTBLUETEXT8,
.ORANGETEXT15,
.BLACKTEXT12,
.Btext,
.WHITETEXT12,
.CONTACTTABLE,
.REDTEXT,
.REDTEXT,h2{display:NONE;height:0px;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:0%;width:100%;}
table table,table table table table,table,tr,td{height:0PX;border:0PX;}
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;}
</style>

</style><style>END CODING</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<STYLE>EDIT the XXXXXXXX first, DONOT click preview without doing so first.</STYLE><div class="navigation">

<h1>navigation</h1>

<a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX" class="nav">message</a>

<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=XXXXXXXX" class="nav">pictures</a>

<a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=XXXXXXXX" class="nav">comment</a>

<a href="http://myspace.com/designershoppe" class="nav">credit</a>
<BR>
<BR><BR>

<h1>Extraaa</h1>
extra section for you. feel free to change the 'extra' title to anything else !

</div>

<div class="aboutme">
<h1>about me</h1>
Text text text
<b>bold</b> <i>italic</i> <u>underline</u> <s>stike</s> <Big>Big</Big><br><a href="#">Link and hovering</a><BR>
DO NOT alter/change the images, I do not own the image; Pictures/stock/photography belongs to the rightful owners.<BR>Do NOT re-alter codes and/or use div as ref for yours. You may tweek some settings as long as credit stays :)<BR> You may NOT borrow/use stylesheet -__-;.<BR>And yeah ENJOY :)<BR>
There's no scrollbar so dont assume there is :).

</div>