Diamond

Myspace Layouts / Div Overlay

Designer's Comments

Look carefully for specific instructions

Some layout i made, enjoy :p

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[id="googlebar"],
div div select{
opacity:0;
filter:alpha(opacity=0);
display:none !important;
position:absolute !important;
bottom:2000px !important;}</style>
<style>

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

.topleft{
position: absolute;
left: 50%;
margin-left: -430px;
top: 185px;
z-index:5;
width: 415px;
height: 310px;
overflow: auto;
border: 3px;
scrollbar-arrow-color:faf4ff;
scrollbar-track-color:c51e6d;
scrollbar-shadow-color:9e1857;
scrollbar-face-color:9e1857;
scrollbar-highlight-color:9e1857;
scrollbar-darkshadow-color:9e1857;
scrollbar-3dlight-color:9e1857;
}
.topright{
text-align: left;
color:ffffff;
position: absolute;
left: 50%;
margin-left: 15px;
top: 205px;
z-index:5;
width: 305px;
height: 310px;
overflow: auto;
border: 3px;
}
.bottomleft{
position: absolute;
left: 50%;
margin-left: -430px;
top: 500px;
z-index:3;
width: 415px;
height: 355px;
overflow: auto;
border: 3px;
scrollbar-arrow-color:faf4ff;
scrollbar-track-color:c51e6d;
scrollbar-shadow-color:9e1857;
scrollbar-face-color:9e1857;
scrollbar-highlight-color:9e1857;
scrollbar-darkshadow-color:9e1857;
scrollbar-3dlight-color:9e1857;
}

.bottomright{
color:6e666f;
position: absolute;
left: 50%;
margin-left: 25px;
top: 540px;
z-index:3;
width: 415px;
height: 355px;
overflow: auto;
border: 3px;
}

.nav{
position: absolute;
left: 50%;
margin-left: 5px;
top: 350px;
z-index:5;
width: 450px;
height: 10px;
overflow: none;
text-align:left;
}

h1 {
font-family:times new roman;
font-size:12px!important;
font-weight:normal!important;
letter-spacing:0px;
line-height:12px!important;
color: 661b29!important;
text-transform:uppercase; 
text-align:left;}

body{
background-color:b3a5b4;
scrollbar-arrow-color:ea334e;
scrollbar-track-color:434645;
scrollbar-shadow-color:222322;
scrollbar-face-color:222322;
scrollbar-highlight-color:222322;
scrollbar-darkshadow-color:222322;
scrollbar-3dlight-color:222322;}

body,table, td, li, p, div{
font-family: arial;
size: 10px;
color:b11b62;
font-weight: normal;
border:0px;
text-transform: none;
line-height:11px;
letter-spacing: 0px;}

b, strong {
color: 961753; }

u {
color: fff; }

i, em {
color: fff;
font-family:georgia;}

a {font: normal 10px arial!important; text-decoration: none!important; color:343736!important; text-transform:uppercase;}
a:hover {font: normal 10px arial!important; text-decoration: none!important; color:bf3047!important; text-transform:uppercase; cursor:default;}

a.navi:link, a.navi:visited, a.navi:active {
font-family:georgia, times new roman, times!important;
font-size:20px!important;
font-weight:bold!important;
letter-spacing:-1px;
color: 342922!important;
cursor: default;
text-transform:lowercase;
margin: 0;
margin-bottom: 0em;
padding: 0px;
}

a.navi:hover {
font-family:georgia, times new roman, times!important;
font-size:20px!important;
font-weight:bold!important;
letter-spacing:-1px;
color: 9e7f6e!important;
cursor: default;
text-transform:lowercase;
margin: 0;
margin-bottom: 0em;
padding: 0px;}

td td object {position: absolute;
left:0px;
top: 0px;
width:45px;
height:49px;}

</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<div class="topleft"><h1><b><center>~.:About me:.~</b></h1><br /><br />Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vel diam tellus, pulvinar feugiat ligula. Donec a ante ligula. In hac habitasse platea dictumst. Donec adipiscing mauris eu ipsum porta elementum. Aenean in leo augue. Etiam est dolor, facilisis faucibus consequat nec, pretium vitae tortor. Vestibulum sapien neque, laoreet vitae placerat eleifend, pretium ut risus. Praesent hendrerit pulvinar pharetra. Suspendisse purus tellus, congue vitae sollicitudin ut, facilisis cursus erat. In justo diam, venenatis non mollis ac, posuere ut ligula. Fusce tempus tellus a turpis feugiat id semper metus tristique. Donec ut nisl eget nunc interdum ullamcorper. Etiam at fringilla leo. Praesent vel ligula neque, id placerat ligula. Fusce ipsum neque, ullamcorper vel sodales volutpat, auctor nec eros.
<br /><br />
Maecenas at nisi sem, sit amet auctor diam. Curabitur at augue eros, sit amet ullamcorper enim. Praesent elementum leo non risus convallis placerat. Aenean nec nisl sodales lorem rhoncus posuere ac quis sem. Nam scelerisque tristique tempus. In euismod massa ac lacus ultricies pretium. Mauris a quam ac quam volutpat auctor. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam id diam purus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Ut ac lacinia quam. Cras id dictum ipsum. Quisque aliquam luctus eleifend. Nulla velit neque, sagittis non scelerisque eget, tempus vel neque. Sed eleifend tempor lorem vitae ultrices. Maecenas interdum urna sed libero porta lacinia. Aenean placerat malesuada augue, in porta augue malesuada vel.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vel diam tellus, pulvinar feugiat ligula. Donec a ante ligula. In hac habitasse platea dictumst. Donec adipiscing mauris eu ipsum porta elementum. Aenean in leo augue. Etiam est dolor, facilisis faucibus consequat nec, pretium vitae tortor. Vestibulum sapien neque, laoreet vitae placerat eleifend, pretium ut risus. Praesent hendrerit pulvinar pharetra. Suspendisse purus tellus, congue vitae sollicitudin ut, facilisis cursus erat. In justo diam, venenatis non mollis ac, posuere ut ligula. Fusce tempus tellus a turpis feugiat id semper metus tristique. Donec ut nisl eget nunc interdum ullamcorper. Etiam at fringilla leo. Praesent vel ligula neque, id placerat ligula. Fusce ipsum neque, ullamcorper vel sodales volutpat, auctor nec eros.
<br /><br />
Maecenas at nisi sem, sit amet auctor diam. Curabitur at augue eros, sit amet ullamcorper enim. Praesent elementum leo non risus convallis placerat. Aenean nec nisl sodales lorem rhoncus posuere ac quis sem. Nam scelerisque tristique tempus. In euismod massa ac lacus ultricies pretium. Mauris a quam ac quam volutpat auctor. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam id diam purus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Ut ac lacinia quam. Cras id dictum ipsum. Quisque aliquam luctus eleifend. Nulla velit neque, sagittis non scelerisque eget, tempus vel neque. Sed eleifend tempor lorem vitae ultrices. Maecenas interdum urna sed libero porta lacinia. Aenean placerat malesuada augue, in porta augue malesuada vel.</center> </div>

<div class="bottomright"><center><b>Another Box</b><br /><br />Maecenas at nisi sem, sit amet auctor diam. Curabitur at augue eros, sit amet ullamcorper enim. Praesent elementum leo non risus convallis placerat. Aenean nec nisl sodales lorem rhoncus posuere ac quis sem. Nam scelerisque tristique tempus. In euismod massa ac lacus ultricies pretium. Mauris a quam ac quam volutpat auctor. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam id diam purus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Ut ac lacinia quam. Cras id dictum ipsum. Quisque aliquam luctus eleifend. Nulla velit neque, sagittis non scelerisque eget, tempus vel neque. Sed eleifend tempor lorem vitae ultrices. Maecenas interdum urna sed libero porta lacinia. Aenean placerat malesuada augue, in porta augue malesuada vel.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vel diam tellus, pulvinar feugiat ligula. Donec a ante ligula. In hac habitasse platea dictumst. Donec adipiscing mauris eu ipsum porta elementum. Aenean in leo augue. Etiam est dolor, facilisis faucibus consequat nec, pretium vitae tortor. Vestibulum sapien neque, laoreet vitae placerat eleifend, pretium ut risus. Praesent hendrerit pulvinar pharetra. Suspendisse purus tellus, congue vitae sollicitudin ut, facilisis cursus erat. In justo diam, venenatis non mollis ac, posuere ut ligula. Fusce tempus tellus a turpis feugiat id semper metus tristique. Donec ut nisl eget nunc interdum ullamcorper. Etiam at fringilla leo. Praesent vel ligula neque, id placerat ligula. Fusce ipsum neque, ullamcorper vel sodales volutpat, auctor nec eros.</center></div>

<div class="topright">
Age: 18<br />
Sex: Male<br />
Location: New York<br />
<br />
------------------------------------------------------
<br /><br /><br /><center>
Something you will like goes here .... lalalalla</center>
</div>

<div class="nav"><h1 class="navi"><center>Navigation</h1>
<a href="http://home.myspace.com/index.cfm?fuseaction=user" class="c">Home</a> | 
<a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX" class="c">Add Me</a> | 
<a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=XXXXXXXX" class="c">Comment Me</a> | 
<a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX" class="c">Message Me</a>
</center>
</div>

Layout Comments

Showing latest 10 of 16 comments

can someone please tell me if it is possible to change the font color

By MrsChrisBrown7 on Aug 12, 2009 12:59 pm

How do you add the pictures?

By glamour84 on Jul 22, 2009 4:10 pm

USING ND IT ON MYSPACE IT IS CUTE

By sh4wty on May 23, 2009 1:10 pm

Prettyful!!!!
Adore the colours,
great mix!
Well done :o)

By SweetLyric on May 20, 2009 6:00 am

how do u put in the pictures

By shorty607 on May 18, 2009 4:10 pm

which flash one?

By cloudeddayze on May 18, 2009 9:08 am

very nice

By cloudeddayze on May 18, 2009 9:05 am

very, very, very nice ^_^

By emberfly on May 17, 2009 11:49 pm

this is so pretty (: i love it

By jiyong on May 17, 2009 8:27 pm

pretty-ful! :)

By jamraliii07 on May 17, 2009 5:07 pm

View all »

Layout Details

Designer	TeamGX
Submitted on	May 17, 2009
Page views	20,535
Favorites	153
Comments	16
Reviewer	A1Bassline
Approved on	May 17, 2009

Diamond

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