Passion

Myspace Layouts / Div Overlay

Designer's Comments

Look carefully for specific instructions

Replace the XXXXXXXX with your friend ID

(^_^)/

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>
object {position:absolute; height:45px; width:45px; left:50%; z-index:9;}
object {top:0px!important; margin-left:-400px!important;}
object object, td td td object {position:static; margin:auto!important;}
</style>
<style>
.friendsComments {display:none;}
blockquote{background-color: 1d1409;  b
color:3f3529;   
padding: 10px;
padding-bottom: 5px;  
width: 490px;
margin-left: 11px;
line-height: 15px; 
border-bottom: 0px solid;
border-color:d6d6d6;     
_margin-left: 20px;
}

a {color:fba724 !important;    
font-family:arial!important; 
font-size:8pt!important;
letter-spacing: 0px!important;
font-weight: normal!important;
text-decoration:none!important;}

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

.nav1{color:000 !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:fba724 !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:gorgia;
	background-color: trasparent;
	line-height: 12px;
	padding:2px;
	margin-bottom: 5px;
	margin-top: 2px;
	padding-left:0px;
	font-size: 10pt;
	font-weight: normal;
	letter-spacing: 1px;
	text-transform: none;}

U {
border-bottom: 0px solid;
color:947f5f; 
border-bottom-color:947f5f; }     
 
I {
font-family: arial;
letter-spacing: 0px;
font-size:12px;
color:947f5f;}  
   
S {
font-style: strike; }

B {
font-family:gorgial;
font-size:12px;
color:ffb137;    
letter-spacing: 0px ;
font-weight:none; 
border:0px;
text-transform: none; }

.aboutme1{
color:816f59!important;  
font-family:gorgia; 
font-size:9pt;
font-weight: normal;
text-transform:none;
letter-spacing: 0px;
text-align:justify;}

</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="aboutme1" style="position: absolute; left:50%; margin-left:-129; top:310px; width:530px; height:autopx; overflow: auto;">  
<a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX" class="nav1">Add Me</a>
<a href="http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX" class="nav1">Message</a>
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=XXXXXXXX" class="nav1">Photos</a>
<a href="http://friends.myspace.com/index.cfm?fuseaction=block.blockUser&userID=XXXXXXXX" class="nav1">Block</a>
<a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=XXXXXXXX&MyToken=8b2108be-2301-4485-a399-e782c86fa854" class="nav1">Comment</a>
<a href="http://IWontRapeYou.createblog.com/" class="nav1">Credit</a>  
<a href="http://home.myspace.com/index.cfm?fuseaction=user" class="nav1">Go Home</a> 
</div>

<h1>It's always better when we're together</h1>
<img src="http://cbimg6.com/layouts/09/05/34566ab.png" hspace="15" vspace="10" align="left" /> <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.Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean sed urna. Integer nulla purus, tempor vel, vestibulum id, ullamcorper id, sapien. Nulla facilisi.
<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. Sed tempus. Fusce metus. Curabitur rhoncus fringilla ligula. Ut euismod justo at elit. Quisque in massa. </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 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. Sed tempus.
 
</div>

Layout Comments

Showing latest 10 of 12 comments

It's for mysapce

By none345678 on Jun 15, 2009 5:14 pm

cant add to friendster...oh why?

By uncoachable on Jun 15, 2009 11:38 am

this is a gorgeous layout.

By michellekdo on May 14, 2009 5:52 pm

Really good

By SoftMint on May 13, 2009 7:33 pm

Just wow!

By CrimsonSkyGraphics on May 10, 2009 3:30 am

Thanks guys!

By none345678 on May 9, 2009 5:00 pm

i like the header :)

By jiyong on May 9, 2009 4:54 pm

how cute :33

By xii3 on May 9, 2009 2:41 am

hoho,this looks pretty Neat ^ ^!
Good Job!Keep Up The Great Work!

By Snaily on May 9, 2009 1:42 am

Nice layout, this is a fresh looking layout; looks very original.

the [i]only[/i] downside is that the banner doesn't blend into the background color, but you probably know that and you manage to keep it looking alright.

Good Job.

By myspaceperson on May 8, 2009 11:54 pm

View all »

Layout Details

Designer	none345678
Submitted on	May 8, 2009
Page views	12,760
Favorites	41
Comments	12
Reviewer	schizo
Approved on	May 8, 2009

Passion

Designer's Comments

Using This Layout

Update Friend ID

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Colors

Layout Tags

Layout Tools

Layout Affiliates