Law and Order: Criminal Intent

Myspace Layouts / Div Overlay

Designer's Comments

Look carefully for specific instructions

Replace XXXXXXXX with your friend id.

Credit goes to me.

Enjoy!

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

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>
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:757px;
	HEIGHT:237px;
	LEFT:120px;
	TOP:180px;
	OVERFLOW:auto;
	position:absolute;
        border:2px solid;
	border-color:black;
	text-align:left;
	BACKGROUND-image:url("http://cbimg6.com/layouts/07/11/23/23349aa.jpg");
	BACKGROUND-repeat:no-repeat;
	BACKGROUND-position:top center;
	BACKGROUND-attachment:scroll;
	visibility:visible;
}

.aboutme {
	Background-color: black;
	width:595px;
	height:auto;
	left:120px;
	top:430px;
	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:728px;
	TOP:430px;
	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: F0AE2E;
	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>
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: F0AE2E; 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 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>

Layout Code

Copy and paste to I'd Like to Meet

Help

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

<h1>Alternative</h1>
Just an extra section. Put whatever.
<BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>
<BR><BR><BR><BR> <BR><BR><BR><BR> <BR><BR><BR><BR> <BR><BR><BR><BR> <BR><BR>

</div>

<div class="aboutme">
<h1>about me</h1>
Text text text
<b>bold</b> <i>italic</i> <u>underline</u> <s>stike</s><br><a href="#">Link and hovering</a><BR>

</div>