Beautiful Day

Myspace Layouts / Div Overlay

Designer's Comments

Look carefully for specific instructions

replace the XXXXXXXX with your fiend id

It reminds me of fish.

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>
.comt td, .comt table{width:0px!important; height:0px!important; background-color:transparent!important; border:0px!important; _padding:2px!important;} .comt, .comt td, .comt table, .comt td a img, .comt td td td a, .comt td b a, .comt td .redlink{visibility:visible;} .comt td td td b{top:0px; display:inline;} .comt td td td table, .comt .redtext15, .redlink, .comt .btext, .frnd{display:none;} .comt td b, .blacktext10 {display:block;} .comt {z-index:7;}
.comt table, .comt b {position:relative; top:-10px; _top:-0px;} 
JB{The Main: comment div;}
.comt { height:495px; overflow:auto;
background-color:transaprent; border:0px solid; border-color:black; position:absolute; top:210px;width:214px; left:50%; margin-left:-60px; }
JB {Timestamp: width;}
.blacktext10 {width: 90px;color:fff;font-size:8pt!important;}
JB{Add Comment link (all links)}
.comt td a {font-size:7pt!important;}
.comt td a:hover {font-size:7pt!important;}   
JB{hides: online now images in comments & top 8}
.comt td td td .ImgOnlineNow{display:none;}
JB{hides: Displaying XX of XX comments(View/Edit All Comments)}
.comt td b{display:none;} 
JB{resizes: images posted in comments}
.comt td td td img {width:60px; max-width:200px; _width:60px !important;}
JB{moves comment timestamp down}
.blacktext10 {position:relative; top:10px;width:140;}
JB{adds comment spacer line}
.blacktext10{border-bottom:1px solid; border-color:fad572;}  
JB{comment section scrollbar color}
.comt {
scrollbar-face-color: 000000;
scrollbar-highlight-color: 000000;
scrollbar-3dlight-color: 000000;
scrollbar-shadow-color: 000000;
scrollbar-darkshadow-color: 000000;
scrollbar-arrow-color: FFFFFF;
scrollbar-track-color: FFFFFF;
overflow-x:hidden;
overflow-y:hidden; 
}
JB{all text in comments}
.comt td td td, .comt td td td b {color:f6e4b2;}  
span.msOnlineNow {display:none;} 
blockquote{background-color: fff;
padding: 10px;
padding-bottom: 5px;  
width: 270px;
margin-left: 11px;
line-height: 10px;
border-bottom: 1px solid;
border-color:d6d6d6;     
_margin-left: 20px;
}
a {color:e19025 !important;    
font-family:arial!important; 
font-size:8pt!important;
letter-spacing: 0px!important;
font-weight: normal!important;
text-decoration:none!important;}
a:hover {color:ffe18e !important;    
font-family:arial!important; 
font-size:8pt!important;
letter-spacing: 0px;
text-decoration:none!important;}

.nav1{color:9d9d9d !important;  
font-family:arial!important; 
font-size:8pt!important;
letter-spacing: -0px!important; 
font-weight: normal!important;
text-decoration:none!important;
padding:2;}

.nav1:hover  {color:8dcddc !important;     
font-family:arial!important;  
font-size:8pt!important;
letter-spacing: 0px;
text-decoration:none!important;}

img {border:0px;}

h1 {margin: 0px;
	color: c4c4c4;  
	text-align:left;
	border-bottom:opx solid;
	border-color:1f1f1f;
	font-family:arial;
	background-color: trasparent;
	line-height: 12px;
	padding:2px;
	margin-bottom: 5px;
	margin-top: 2px;
	padding-left:9px;
	font-size: 10pt;
	font-weight: normal;
	letter-spacing: 3px;
	text-transform: uppercase;}
 
h2 {margin: 0px;
	color: fff;  
	text-align:left;
	border-bottom:opx solid;
	border-color:1f1f1f;
	font-family:arial;
	background-color: trasparent;
	line-height: 0px;
	padding:2px;
	margin-bottom: 5px;
	margin-top: 0px;
	padding-left:0px;
	font-size: 8pt;
	font-weight: normal;
	letter-spacing: 3px;
	text-transform: uppercase;}

U {}

I {}  
  
S {font-style: strike; }

B {}

.aboutme1{
color:9a9a9a!important;
font-family:arial!important; 
font-size:8pt!important;
_font-size:8pt!important;
font-weight: normal!important;
text-transform:none!important;
letter-spacing: 0px!important;
text-align:justify!important;}

.aboutme4{
color:cfe5ea!important; 
font-family:arial!important; 
font-size:8pt!important;
font-weight: normal!important;
text-transform:none!important;
letter-spacing: 0px!important;
text-align:justify!important;}
body{overflow-x:hidden} 
</style>
</style>
<style>body{cursor:Crosshair}</style>
<style>a:hover{cursor:Help}</style>
<style>
.profileInfo, .contactTable, .userProfileURL, .interestsAndDetails, .userProfileDetail, .userProfileNetworking, .userProfileSchool, .userProfileCompany, .extendedNetwork, .latestBlogEntry, .blurbs td.text, .orangetext15, table div { display:none!important;
}div table div, table table div {
display:block!important; padding:0;
}table, tr, td {
background:none; border:none;
}.clearfix, .clearfix div {
background-image:none!important;
overflow:hidden;
}.clearfix {
position:relative;
top:-30px;
width:728px;
}.clearfix .clearfix {
bottom:-30px;
margin:-45px 0 0;
position:relative;
top:auto;
width:auto;
}.clearfix .clearfix div {
margin:45px 0 0;
}.clearfix .clearfix div div {
margin:auto;
}.profile, .profile div, .profile input, .clearfix select,.clearfix option, .clearfix ul {
display:none!important;
filter:alpha(opacity=0);
-moz-opacity:0;
opacity:0;
}.friendSpace {display:none;}.contactTable {display: none;}.extendedNetwork {display:none;}.latestBlogEntry {display:none;}.userProfileURL {display:none;}.userProfileDetail {display:none;}
</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<div class="aboutme4" style="position: absolute; left:50%; margin-left:169; top:215px; width:235px; height:497px; overflow: none;">
<h2>Header 2</h2>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean sed urna. Integer nulla purus, tempor vel, vestibulum id, ullamcorper id, sapien. Nulla facilisi. Sed tempus. Fusce metus. Curabitur rhoncus fringilla ligula. Ut euismod justo at elit. Quisque in massa. Nullam ut justo. Donec a diam. Ut nec sapien in velit ultricies adipiscing. Duis fermentum justo sed arcu dapibus ultrices. Proin semper, quam a semper egestas, tellus ligula sagittis ipsum, nec condimentum enim neque quis lectus. Fusce consectetuer, lacus vitae laoreet viverra, sem eros mattis sem, a feugiat sem ante in tortor. Nunc tristique velit ut metus. Proin augue sapien, cursus sed, tincidunt eu, rhoncus eu, mi. Duis et urna eget diam vestibulum suscipit. Pellentesque nec justo. Aliquam mollis tortor vel dolor. 
<br><br>

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean sed urna. Integer nulla purus, tempor vel, vestibulum id, ullamcorper id, sapien. Nulla facilisi. Sed tempus. Fusce metus. Curabitur rhoncus fringilla ligula. Ut euismod justo at elit. Quisque in massa. Nullam ut justo. Donec a diam. Ut nec sapien in velit ultricies adipiscing. Duis fermentum justo sed arcu dapibus ultrices. Proin semper, quam a semper egestas, tellus ligula sagittis ipsum, nec condimentum enim neque quis lectus. Fusce consectetuer, lacus vitae laoreet viverra, sem eros mattis sem, a feugiat sem ante in tortor. 
</div>

<a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX" class="nav1">Add</a>
<a href="http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX" class="nav1">Msg</a>
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=XXXXXXXX" class="nav1">Pics</a>
<a href="http://friends.myspace.com/index.cfm?fuseaction=block.blockUser&userID=XXXXXXXX" class="nav1">Blk</a>
<a href="http://home.myspace.com/index.cfm?fuseaction=user" class="nav1">Home</a>
<a href="http://IWontRapeYou.createblog.com/" class="nav1">layout</a> 
</div>
 
<div class="aboutme1" style="position: absolute; left:50%; margin-left:-393; top:211px; width:330px; height:497px; overflow: auto;">

<h1>I'll stand far away</h1>
<u>Underlined</u> <b>Bold</b> <s>Strike</s> <i>Italicize</i> <a href="url" target="_blank">Link</a>
<br />

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean sed urna. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean sed urna. Integer nulla purus, tempor vel, vestibulum id, ullamcorper id, sapien. Nulla facilisi. Sed tempus. Fusce metus. Curabitur rhoncus fringilla ligula. Ut euismod justo at elit. Quisque in massa. Nullam ut justo. Donec a diam. Ut nec sapien in velit ultricies adipiscing. Duis fermentum justo sed arcu dapibus ultrices. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean sed urna. Integer nulla purus, tempor vel, vestibulum id, ullamcorper id, sapien. Nulla facilisi.
<h2>I wouldn't want to dull you're sunny day</h2>
<blockquote> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean sed urna. Integer nulla purus, tempor vel, vestibulum id, ullamcorper id, sapien. Nulla facilisi. Sed tempus. Fusce metus. Curabitur rhoncus fringilla ligula.  Ut nec sapien in velit ultricies adipiscing. Duis fermentum justo sed arcu dapibus ultrices. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean sed urna. Integer nulla purus, tempor vel, vestibulum id, ullamcorper id, sapien. Nulla facilisi.  </blockquote>

Nullam ut justo. Donec a diam. Ut nec sapien in velit ultricies adipiscing. Duis fermentum justo sed arcu dapibus ultrices. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean sed urna. Integer nulla purus, tempor vel, vestibulum id, ullamcorper id, sapien. Nulla facilisi.

</div> 
</td></tr></table></td></tr></table>
<div class="comt"><table class="off"><tr><td><table><tr><td>