Leafy

Designer's Comments

Look carefully for specific instructions

The "Myspace URL" shows up in the CB Preview, but it does not on your actual profile.

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

<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><div class="Profcover1"><img src="http://cbimg6.com/layouts/08/10/31795aa.png" /></div>
<div class="Profcover2"><img src="http://cbimg6.com/layouts/08/10/31795ab.png" /></div>
<div class="Profcover3"><img src="http://cbimg6.com/layouts/08/10/31795ac.png" /></div>
<style>
.Profcover1 {position:absolute; top:92px; left:50%; margin-left:1329px;}
.Profcover2 {position:absolute; top:158px; left:50%; margin-left:1194px;}
.Profcover3 {position:absolute; top:199px; left:50%; margin-left:1194px;}

body {background-color:fff899;background-repeat: repeat-x; background-position: top center; background-image: url(http://cbimg6.com/layouts/08/10/31795ad.jpg);height:100%; width:100%}

.intrestsAndDetails {display:none;}

.latestblogentry {display:none;}
.friendscomments {display:block;}
.extendednetwork {display:none;}
.userprofiledetail {display:none;}
.contacttable {display:block;}
.friendspace {display:none;}
.profileinfo {display:block;}
.userProfileDetail {display:none;} 
.userProfileSchool {display:none;} 
.userProfileCompany {display:none;} 
.userProfileNetworking {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;}
embed, object {width:45px; height:35px; opacity:0.001 !important; filter:alpha(opacity=0.001) !important;} 
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 {position:absolute; clip:rect(0, 170, 127, 0); top: 0}

.i {display:none;}
{! below should be set to the height of your image !}
table.contactTable {height:150px !important;}
table.contactTable, table.ContactTable table, 
table.contactTable td {background-color:transparent; border:none !important;}
table.contactTable table td a img, table.contactTable .i, i i.x { opacity:0.001 !important; filter:alpha(opacity=0.001) !important }
table.contactTable td span {visibility:hidden;}

{!-Position, change values to suit your profile-!}
table table table.profileInfo {position:absolute; top:279px; left:50%; margin-left:-84px;}
{! position blurbs !}
table.blurbs{position:absolute;left:50%;margin-left:-1500}
{! position contacttable !}
table.contacttable {position:absolute; top:482px; left:50%; margin-left:-168px;}
{! position friendSpace !}
table.friendSpace {position:absolute; top:467px; left:50%; margin-left:-330px;}
{! position friendscomments !}
table.friendscomments {position:absolute; top:920px; left:50%; margin-left:-330px}
{! position music player !}
table div object {position:absolute; top:775px; left:50%; margin-left:-285px}

{!!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:black;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}

{! line after each comment !}
table.friendsComments table table td {border-bottom:30px 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}

{! 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:a67c52 !important}

{! style  showing X of Y comments !}
table.friendsComments table td b, 
table.friendsComments table td b *
{font-size:10px !important; color:a67c52!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:55a51c; 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:55a51c}

</style>

Layout Comments

Showing latest 10 of 16 comments

so beautiful!

By calilani on May 19, 2009 12:59 am

oh my gosh. this is the single greatest layout ever. no joke. what really got me was how my default picture automatically fit into the leaves...so awesome!! great job and i didn't even have to do any replacing of XXX's! you're a genuis.

By oiseaubird on Oct 23, 2008 12:53 am