Curiousity Killed The Cat

Myspace Layouts / Div Overlay

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">
.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,div table tr td form {
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;}
td td object {position:absolute; left: 0px; top:0px; display:block;}

.COMMENT { this is where you control the position of the music player. }
td td object {position:absolute; left: 0px; top:0px; display:block;}

body {
	background-image: url("http://cbimg6.com/layouts/07/06/24/18681aa.jpg"); 
	background-repeat: no-repeat; 
	background-position: bottom right; 
	background-attachment: fixed;
	background-color: FFFFFF;
	color: 000000;
	scrollbar-arrow-color: CC0000;
	scrollbar-track-color: EEEEEE;
	scrollbar-shadow-color: FFFFFF;
	scrollbar-face-color:FFFFFF;
	scrollbar-highlight-color: FFFFFF;
	scrollbar-darkshadow-color: FFFFFF;
	scrollbar-3dlight-color: FFFFFF;}

td, .text, div, input {
	font: normal 10px arial!important; 
	color: 000000!important;}

.headtext1 {
	font: bold 11px arial; 
	letter-spacing: 1px; 
	text-align: right; 
	color:CC0000; 
	background-color: EEEEEE; 
	border-top:1px solid; 
	border-bottom: 1px solid; 
	border-left: 1px solid; 
	border-right: 0px solid; 
	border-color: 333333; 
	display: block;}

.headtext2 {
	font: bold 11px arial;
	letter-spacing: 1px; 
	text-align: right; 
	color:CC0000; 
	background-color: EEEEEE; 
	border-top:1px solid; 
	border-bottom: 1px solid; 
	border-left: 0px solid; 
	border-right: 0px solid; 
	border-color:333333; 
	display: block;}

b, bold, strong {font: bold 12px arial!important; color: CC0000!important;}
i, em, italic {font: normal 10px arial!important; color: 222222!important;}

a {font: normal 10px arial!important; text-decoration: none!important; color: 000000!important;}
a:hover {font: normal 10px arial!important; text-decoration: none!important; color: CC0000!important; cursor: normal;}

a.van:link, a.van:visited, a.van:active {
	text-decoration: none;
	font-family:arial;
	text-align: right;
	font-style:normal;
	font-size:10px;
	line-height:10px;
	color: 000000!important;
	background-color:FFFFFF;
	border-left: 10px solid;
	border-color: CC0000!important;
	cursor: default;
	display: block;
	margin: 0;
	margin-bottom: 0em;
	padding: 0px;
	padding-left: 1px;
	padding-right: 1px;}
a.van:hover {
	text-decoration: none;
	font-family:arial;
	text-align: right;
	font-style:normal;
	font-size:10px;
	line-height:10px;
	color: CC0000!important;
	background-color:EEEEEE;
	border-left: 10px solid;
	border-color: CC0000!important;
	cursor: default;
	display: block;
	margin: 0;
	margin-bottom: 0em;
	padding: 0px;
	padding-left: 1px;
	padding-right: 1px;}

textarea.ketbox { 
	color: 000000; 
	font-family: arial;
	font-size: 11px; 
	text-transform: none!important; 
	font-weight: normal; 
	letter-spacing: 0px;
	text-align: left; 
	line-height: 9px; 
	height: 100px; 
	width: 300px; 
	border-color: 333333; 
	border-style: solid; 
	border-width: 2px; 
	background-color: EEEEEE;
	overflow: auto;}
input.ketcom {
	color: 000000!important; 
	font-family: arial; 
	font-size: 10px; 
	text-transform: none!important; 
	font-weight: normal; 
	letter-spacing: 0px; 
	text-align: center; 
	line-height: 10px; 
	background-color: FFFFFF; 
	height: auto; 
	width: auto; 
	border-color: 333333; 
	border-width: 1px; 
	border-style: solid;}

.imgdiv {
	background-color: transparent; 
	color: 21211F;
	border: 0px solid; 
	border-color: 333333;
	width: auto; height: auto; 
	overflow: visible;
	position: absolute;
	z-index: 7; 
	left: 0%; top: 0%;
	margin-left: 115px; 
	margin-top: 105px; 
	text-align: left;
	visibility: visible;}

.maindiv {
	background-color: FFFFFF; 
	text-align: left; 
	width: 300px; 
	height: auto;
	border-left: 1px solid; 
	border-right: 1px solid; 
	border-bottom: 1px solid; 
	border-top: 1px solid; 
	border-color: 333333; 
	margin-top: 100px; 
	margin-left: 60px; 
	visibility: visible; 
	position: absolute; 
	left: 0%; top: 0%; 
	overflow: visible; 
	z-index: 8!important; 
	padding: 0px;}

.sidediv {
	background-color: FFFFFF; 
	border-left: 1px solid; 
	border-right: 1px solid; 
	border-bottom: 1px solid; 
	border-top: 1px solid; 
	border-color: 333333; 
	font-size: 10px!important;
	width: 295px; 
	height: auto;
	margin-top: 100px; 
	margin-left: 375px; 
	z-index:9; 
	text-align: left; 
	padding: 0px; 
	visibility: visible; 
	position: absolute; 
	left: 0%; top: 0%; 
	overflow: visible; }
</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<div class="maindiv">
<span class="headtext1">Basic</span>
 <b>Name:</b> your name<br>
 <b>Age:</b> your age<br>
 <b>Gender:</b> girl/boy<br>
 <b>Location:</b> where you live<br>
 <b>Status:</b> your status<br>

<span class="headtext1">And It Goes Something Like This</span><br><center>

<b>bold text looks like this</b><Br>
<i>italic text looks like this</i><Br><Br>

About you here. About you here. About you here. About you here. About you here. About you here. About you here. About you here. About you here. About you here. About you here. About you here. About you here. About you here. About you here. About you here. About you here. About you here. About you here. About you here. About you here. About you here. About you here. About you here. About you here. About you here. About you here. About you here. About you here. About you here. About you here. About you here. About you here. About you here. About you here. About you here. About you here. About you here. About you here. About you here. About you here. About you here. About you here. About you here. About you here. About you here. About you here. About you here. About you here. About you here. About you here. About you here. About you here. About you here. About you here. About you here. About you here. About you here. About you here. About you here. About you here.

<span class="headtext1">Comment</span>
<center><form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input name="friendID" value="XXXXXXXX" type="hidden"> <textarea name="f_comments" class="ketbox">Comment Here</textarea><br /><input type="submit" value="Submit." class="ketcom"></form></center>

<span class="headtext1">Extra</span><Center>

Whatever you want here. Whatever you want here. Whatever you want here. Whatever you want here. Whatever you want here. Whatever you want here. Whatever you want here. Whatever you want here. Whatever you want here. Whatever you want here. Whatever you want here. Whatever you want here. Whatever you want here. Whatever you want here. Whatever you want here. Whatever you want here. Whatever you want here. Whatever you want here.

</div><Br><Br>

<span class="headtext2">Navigation</span>
<a class="van" href="http://home.myspace.com/index.cfm?fuseaction=user">home</a>
<a class="van" href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=XXXXXXXX">pictures</a>
<a class="van" href="http://vids.myspace.com/index.cfm?fuseaction=vids.showvids&friendID=XXXXXXXX">videos</a>
<a class="van" href="http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX">message</a>
<a class="van" href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX">add friend</a>
<a class="van" href="http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=XXXXXXXX">view blog</a>
<a class="van" href="http://home.myspace.com/index.cfm?fuseaction=user.viewfriends&friendID=XXXXXXXX">view friends</a>
<a class="van" href="http://comment.myspace.com/index.cfm?fuseaction=user.viewComments&friendID=XXXXXXXX">view comments</a>

<span class="headtext2">Likes</span><Center>
Your likes go here. Your likes go here. Your likes go here. Your likes go here. Your likes go here. Your likes go here. Your likes go here.

<span class="headtext2">Dislikes</span> <Center>
Your dislikes go here. Your dislikes go here. Your dislikes go here. Your dislikes go here. Your dislikes go here. Your dislikes go here.

<span class="headtext2">Music</span><Center>
List some or all of the bands you like here. List some or all of the bands you like here. List some or all of the bands you like here. List some or all of the bands you like here. List some or all of the bands you like here.

<span class="headtext2">Books</span><Center>
Books you like go here. Books you like go here. Books you like go here. Books you like go here. Books you like go here. Books you like go here. Books you like go here.

<span class="headtext2">Movies</span><center>
Movies you like go here. Movies you like go here. Movies you like go here. Movies you like go here. Movies you like go here. Movies you like go here. Movies you like go here. Movies you like go here.

<span class="headtext2">Television</span><center>
Shows you like go here. Shows you like go here. Shows you like go here. Shows you like go here. Shows you like go here. Shows you like go here. Shows you like go here.

<span class="headtext1">Top Friends</span>
<center>

</center>

<span class="headtext1">Contacting</span><center>
Your contact information goes here. AOL, MSN, Yahoo, E-Mail, etc.

</center></center></div></div>