Love

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>
.contacttable,.whitetext12,.nametext,.lightbluetext8,.orangetext15,.blacktext12,
btext,.redtext,.redbtext{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:.01%;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;}
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;}
body div table td form img{display:none;}
body div table td form option{display:none;}
body div table td form select{display:none;}
body div table td form input{display:none;}

div div table div {display:none;} .clearfix table div div {display:block;}
tr td div, div td, div tr, div table {background-color:transparent !important;}
.profile, div ul {display:none !important; }

body div table tbody tr td font {visibility:hidden;}
body table div table tbody tr td font {visibility:visible;}

.div{
position: absolute;
left: 50%;
margin-left:-500px;
top: 100px;
z-index: 0; }

.one{
position: absolute;
left: 50%;
margin-left: -190px;
top: 353px;
z-index:5;
width: 635px;
height: 441px;
overflow: auto;
border: 3px;

scrollbar-arrow-color:faf4ff;
scrollbar-track-color:774966;
scrollbar-shadow-color:f394cf;
scrollbar-face-color:f394cf;
scrollbar-highlight-color:f394cf;
scrollbar-darkshadow-color:f394cf;
scrollbar-3dlight-color:f394cf;
}
.two{
font-family:small fonts;font-size:9px;color:ffffff;
position: absolute;
left: 50%;
margin-left: -70px;
top: 305px;
z-index:5;
width: 386px;
height: 40px;
overflow: auto;
border: 3px;
}

.nav
{position:absolute;top:550px;margin-left:-430;left:50%;width:210px;background:transparent;}
.nav a
{font-family:small fonts;font-size:9px;
color:405530;display:block;padding-left:120px;
}

a,i,u,s {font-weight:normal;color:f394cf;}
a {color:f394cf!important;}
a:hover {font-family:arial;color:f394cf!important;font-size:15px;}
u {text-decoration:none;
border-bottom:1px solid;
border-color:f394cf;}
i,s {letter-spacing:2px;}
b {font-size:13px;}
a img { border:1; }

body { background-color:232222; }
a, a:hover {text-decoration:none !important;}
div, h1
{font-family:arial;font-size:12px;color:f394cf;
cursor:default;}

</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<div class="one"><center><br /><br /><img src="http://cbimg6.com/layouts/09/05/34685ab.jpg" /> | <img src="http://cbimg6.com/layouts/09/05/34685ab.jpg" /> | <img src="http://cbimg6.com/layouts/09/05/34685ab.jpg" /> |<br /><br /><br />Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nulla enim, dignissim sit amet euismod sit amet, facilisis et diam. Fusce nec sapien vel felis congue volutpat. Suspendisse sapien leo, molestie et molestie quis, volutpat sed nibh. Nulla fermentum quam sed nisl mattis ac semper quam posuere. Curabitur malesuada malesuada dolor sed adipiscing. Nam viverra sodales metus vitae fringilla. Pellentesque nec felis nulla, sed laoreet ligula. Integer nisi velit, pharetra vitae sollicitudin a, pharetra sed eros. Duis tempus lobortis dolor, vel ultricies nisi convallis non. Curabitur varius est et tellus faucibus viverra. Nam commodo, tellus vel tempus blandit, eros mauris scelerisque lectus, in mollis elit magna eget diam. Aliquam sit amet ante magna, at fermentum ante. Proin eu mauris elit, a tempor leo. Pellentesque semper tincidunt magna ac sagittis. Phasellus sagittis, purus nec porta venenatis, nulla nunc fermentum lectus, quis malesuada tellus felis a risus. Aliquam eu risus magna. Suspendisse mauris lorem, eleifend scelerisque eleifend sit amet, hendrerit vel diam. Donec consequat, felis varius tempor accumsan, ipsum nisl facilisis tellus, nec fringilla orci arcu sed enim.<br /><br />
--------------------------------------------------------
<br /><br /></center><b>
Morbi non neque vel mi pulvinar sodales. Praesent bibendum bibendum nisi, a lacinia risus laoreet sed. Proin orci mi, scelerisque ut dapibus a, scelerisque vel tellus. Donec felis purus, sollicitudin et gravida ut, feugiat id nibh. Phasellus ac magna et orci faucibus convallis porttitor at purus. Suspendisse quis diam vitae erat egestas adipiscing sed a lacus. Integer a ligula sem. Suspendisse potenti. Proin nec dolor nunc, blandit tempus arcu. Nam non lorem elit. Sed a congue ipsum. Aenean facilisis leo eu nulla tempor a auctor elit faucibus. Aliquam erat volutpat. Aenean imperdiet sapien et dui consectetur mattis. Fusce diam purus, venenatis adipiscing aliquet vitae, rutrum pellentesque nunc.
</b>
<center>
<br /><br />
--------------------------------------------------------
<br /><br /><i>
Sed non ipsum nec arcu imperdiet molestie eu ullamcorper dui. Suspendisse potenti. Vivamus vulputate, mi quis lacinia tristique, est diam tincidunt tortor, eu vulputate justo dui vitae tellus. Pellentesque tortor urna, viverra ut gravida non, vulputate sed leo. Aliquam rutrum fringilla enim et tristique. Sed ut magna a nisi sodales pharetra ac sit amet lacus. Morbi lacinia massa vel justo imperdiet ac porttitor neque posuere. Quisque et tellus pellentesque massa ultrices eleifend. Nunc vulputate, ante vitae viverra ullamcorper, sem erat laoreet lorem, nec fermentum quam justo ac est. Phasellus gravida, neque et aliquam aliquam, velit mauris iaculis nisl, non ultrices leo odio id lectus. Ut ultrices dolor et velit malesuada id viverra felis placerat. Suspendisse potenti. Nunc magna ipsum, molestie non accumsan in, volutpat a elit. Maecenas ultricies, odio et imperdiet ultrices, magna lacus placerat magna, id dignissim velit velit sed justo. In ultrices mi id neque consectetur ut venenatis urna feugiat.</i>
<br /><br />
Duis tincidunt aliquet mauris, vel suscipit sem congue id. Donec vel nulla sed nunc feugiat ultricies id dictum massa. Pellentesque dolor metus, venenatis et ullamcorper et, facilisis eget augue. Integer scelerisque eleifend sapien et tincidunt. In non magna ut nibh suscipit posuere. Phasellus interdum elementum eros, feugiat hendrerit leo condimentum dignissim. In mauris erat, pellentesque vel vestibulum vitae, rhoncus et magna. Mauris nec leo vitae arcu laoreet dignissim. Praesent posuere cursus elit vel semper. Curabitur et massa enim, at rutrum urna.
<br /><br />
Pellentesque sed purus purus. Nulla pretium vestibulum risus, sollicitudin bibendum quam aliquam non. Donec lobortis mattis sagittis. Cras pulvinar lobortis interdum. Curabitur sed sapien a ante tristique adipiscing in id urna. Donec vestibulum euismod justo, id molestie risus lobortis at. Sed sodales orci id tortor vestibulum molestie. Vivamus laoreet mi in ipsum malesuada at lacinia elit pharetra. Ut sapien enim, laoreet et tempus nec, pretium eu mauris. Vivamus sed ante ut nulla accumsan vestibulum non vel lacus. Duis pellentesque dictum placerat. Aliquam sodales felis at neque rutrum sed accumsan nulla sollicitudin. Nam a fringilla mauris. Duis dapibus leo et neque vestibulum consectetur ut a elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean aliquam leo at neque laoreet consectetur. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque purus urna, commodo a imperdiet nec, egestas nec metus. Ut id enim felis. Ut sollicitudin sagittis neque, quis condimentum nibh semper at.</center> 
</div>

<div class="nav"><center>
<a href="index.cfm?fuseaction=user" target="">Link 1</a>
<a href="index.cfm?fuseaction=mail.message&friendID=XXXXXXXX" target="">Link 2</a>
<a href="hhttp://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=XXXXXXXX" target="">Link 3</a>
<a href="index.cfm?fuseaction=user.viewAlbums&friendID=XXXXXXXX" target="">Link 4</a>
<a href="index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX" target="">Link 5</a>
<a href="index.cfm?fuseaction=block.blockUser&userID=XXXXXXXX" target="">Link 6</a>
</center>
</div>
<div class="two"><center>Something that you would like goes here...</div>

Layout Comments

Showing latest 3 of 3 comments

clever.

By foundry on Jun 4, 2009 7:23 pm

I like it a lot but yeah, I agree, that "u" part doesn't really fit in that kind of serious tone. But otherwise, good job. :)

By Mikeplyts on May 24, 2009 10:06 am

This is cool, but the "u" instead of "you" bugs me :P

By Brighter on May 23, 2009 8:20 pm

Layout Details

Designer	TeamGX
Submitted on	May 23, 2009
Page views	16,494
Favorites	55
Comments	3
Reviewer	schizo
Approved on	May 23, 2009

Love

Using This Layout

Update Friend ID

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Colors

Layout Tags

Layout Tools

Layout Affiliates