Merry

Myspace Layouts / Div Overlay

Designer's Comments

Look carefully for specific instructions

Make sure to set your top friends to 8 or it will look funny!

More Layouts At:
www.papermyplate.com

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

WRITE SOMETHING ABOUT YOURSELF
<br /><br />
AND WRITE IT HERE

</div>

<div class="Friendcover1"><img src="http://cbimg9.com/layouts/08/12/32956ae.png" /></div>
<div class="Friendcover2"><img src="http://cbimg9.com/layouts/08/12/32956af.png" /></div>
<div class="Friendcover3"><img src="http://cbimg9.com/layouts/08/12/32956ag.png" /></div>
<div class="Friendcover4"><img src="http://cbimg9.com/layouts/08/12/32956ah.png" /></div>
<div class="Friendcover5"><img src="http://cbimg9.com/layouts/08/12/32956ai.png" /></div>
<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LnBhcGVybXlwbGF0ZS5jb20=" target="_blank"><div class="pmpbtn"></div></a>
<style>
.aboutYou {
position:absolute; 
top:1481px; 
left:50%; 
margin-left:127px; 
width:300px;
font-size:12px !important; 
color: 636363!important; 
font-family:Georgia !important;
font-weight:normal!important;
font-style:italic;
line-height:2;
}

.Profcover1 {position:absolute; top:299px; left:50%; margin-left:-89px;}
.Profcover2 {position:absolute; top:345px; left:50%; margin-left:-89px;}
.Profcover3 {position:absolute; top:396px; left:50%; margin-left:-69px;}
.Profcover4 {position:absolute; top:345px; left:50%; margin-left:47px;}

.Friendcover1 {position:absolute; top:997px; left:50%; margin-left:-209px; z-index:4}
.Friendcover2 {position:absolute; top:1012px; left:50%; margin-left:-209px; z-index:4}
.Friendcover3 {position:absolute; top:1145px; left:50%; margin-left:-193px; z-index:4}
.Friendcover4 {position:absolute; top:1012px; left:50%; margin-left:193px; z-index:4}
.Friendcover5 {position:absolute; top:1064px; left:50%; margin-left:-193px; z-index:4}

.pmpbtn { position:absolute; top: 180; left:50%; margin-left:260px; width:150px; height:20px;}

{!-Position, change values to suit your profile-!}
table table table.profileInfo {position:absolute; top:304px; left:50%; margin-left:-84px;}
{! position contacttable !}
table.contacttable {position:absolute; top:742px; left:50%; margin-left:-130px;}
{! position friendSpace !}
table.friendSpace {position:absolute; top:972px; left:50%; margin-left:-212px;}
{! position friendscomments !}
table.friendscomments {position:absolute; top:1500px; left:50%; margin-left:-400px; z-index:1}
{! position music player !}
table div object {position:absolute; top:1095px; left:50%; margin-left:-295px; opacity:0.001 !important; filter:alpha(opacity=0.001) !important; width:45px; height:35px; }

body {background-color:white;background-repeat: repeat-x; background-position: top center; background-image: url(http://cbimg9.com/layouts/08/12/32956aj.jpg);height:100%; width:100%}

.latestblogentry {display:none;}
.friendscomments {display:block;}
.extendednetwork {display:none;}
.userprofiledetail {display:none;}
.contacttable {display:block;}
.friendspace {display:block;}
.profileinfo {display:block;}
.userProfileDetail {display:none;} 
.userProfileSchool {display:none;} 
.userProfileCompany {display:none;} 
.userProfileNetworking {display:none;} 
.userProfileApp {display:none;} 
.interestsAndDetails {display:none;}
.userprofileurl {display:none;}
.blurbs {display:block;}
.userprofileschool {display:none;}
.btext{display:none;}
.redbtext{display:none;}
img.ImgOnlineNow {display:none;}
table tr td {background-color:transparent;}
table table table embed, table table table object {width:320px; height:240px;}
a.text, table div font a, table div div {visibility:hidden;}
table table div font a, table table div div {visibility:visible;}
img {border:0px;}
table tr td div font {display: none;}
tr {background-color:transparent}

{!-Recover profileInfo block-!}
table table table.profileInfo, table table.profileInfo table {display:block !important; visibility:visible !important}

{!-hide name -}
table table table.profileInfo .nametext {display:none;}
table table table.profileInfo br {display:none;}
{!-render most of the profile Info gone -!}
table.profileInfo table td {display:none;}
{!-render td.text hidden, but not gone-!}
table.profileInfo table td.text {display:inline !important; visibility:hidden;}

{!-display image-!}
table table table.profileInfo table td img {display:inline !important; visibility:visible !important;}

table.profileInfo img.imgOnlineNow {position:absolute; top:-1000}

table.profileInfo table td.text a img {width:170px !important}

table.profileInfo table td.text a img {position:absolute; clip:rect(0, 170, 127, 0); top: 0}

table.contactTable, 
table.contactTable table {height:auto !important;}
table.contactTable table td {width:auto !important;}
{!-contact table clear gifs -!}
table.contactTable table td img {width:0px; height:1px}
{!-size link images in contact table-!}
table table table.contactTable table td.text a img {width:125px; height:20px; opacity:0.001 !important; filter:alpha(opacity=0.001) !important }
table.contactTable, table.ContactTable table, 
table.contactTable td {background-color:transparent; border:none !important;}
table.contactTable td span {visibility:hidden;}

{!!STYLE BLURBS!!}
{!blurbs: remove all coloring!}
table.blurbs, table.blurbs td, table.blurbs table {background-color:transparent}

table.blurbs span.orangetext15 {display:none;}
table.blurbs td.text {display:none;}
table.meet span.orangetext15 {display:inline; }
table.blurbs {margin-top:-30px;}

{!if you want to ditch the orange background border!}
table.blurbs {background-color:transparent;}

{!change color of text font in blurbs!}
table.blurbs td span.text {color:white;font-size:0px;}

{!!STYLE FRIENDSCOMMENTS!!}

{! remove default background and borders from comments !}
table.friendsComments table, table.friendsComments td {background-color:transparent; border:0px;}
.i {display:none;}

{! background color full comment space !}
table.friendsComments {background-color:transparent}

{! border around full comment space !}
table.friendsComments {border:0px solid orange}

{! line separating comments from friend names !}
table.friendsComments td.columnsWidening {border-left:0px solid white; margin-bottom:100px;}

{! line after each comment !}
table.friendsComments table table td {border-bottom:0px transparent; }

{! border around Xs Friends Comments text !}
table.friendsComments table td span.orangetext15{display:none; border:0px solid red; color: black;font-family:Trebuchet; font-size:14px; font-style:normal; font-weight: bold}

{! line underneath displaying X of Y comments  !}
table.friendsComments table table {border-top:0px blue solid}

{! color comment right column !}
table.friendsComments td.columnsWidening {background-color:transparent; font-size:12px !important; font-family:Trebuchet !important; color:636363 !important; background-image:url(http://cbimg9.com/layouts/08/12/32956ak.png);height:auto; background-position:bottom left; background-repeat:no-repeat;  padding-left:4px; padding-bottom:30px;}

{! color comment left column !}
{! must be used with ABOVE block to color right column or
   both Right and Left columns will be colored !}
table.friendsComments table table td {background-color:transparent; align:left}

{! comment table style fonts }
.i {display:none;}
{! friend name font !}
table.friendsComments table table td a{font-size:10px !important; font-family:Arial !important; color: 31560e!important}

{! style  showing X of Y comments !}
table.friendsComments table td b, 
table.friendsComments table td b *
{font-size:10px !important; color: 31560e!important; font-family:Georgia !important;font-weight:normal!important;font-style:italic;}

{! set font of comment text or it will use same size as friend name !}
table.friendsComments table table td.columnsWidenin {font-size:10px !important; font-family:Georgia !important; color:636363!important; line-height:2}

{!-style date-!}
table.friendsComments table table td span.blacktext10 {color: c42e32; font-size:10px; font-family:Georgia; font-weight: normal; font-style: italic; background-color:transparent;}

{! style the add comment at bottom !}
table.friendsComments table td a {font-size:12px; font-family:Georgia; font-weight:normal; font-style: italic; color: 31560e}

table[class="friendSpace"]

table table table {display:block; table-layout:fixed; overflow:hidden;}

.friendSpace table table table td img {height:65px;}

.friendSpace table table table td {background-color:transparent;}

table.friendSpace table div {display:none;}

{!-Size friendspace outer 2 tables !}
table.friendSpace table,  
table.friendSpace td, 
table.friendSpace {width:272px !important;}

{!-Size inner levels  to exactly 1/4 of above!}
table.friendspace table table td, 
table.friendSpace table table table, 
table.friendSpace table table table td {width:106px !important; margin:0px; border:0px; padding:0px;}

{!-ditch picture border-!}
table.friendspace a img {border:0px !important;}

.friendSpace td a {visibility:hidden; font-size:0px; letter-spacing:-100px;}
.friendSpace td a img {visibility:visible;}

table.friendspace .btext,
table.friendspace span.redbtext {font-size:0px;letter-spacing:-100px; visibility:hidden !important;}

table.friendSpace span.orangetext15 {display:none}
table.friendspace table {background-color:transparent;}

.friendSpace table, .friendSpace td {width:0px; padding:0px;}
.friendSpace td td td {line-height:6px;}

</style>