Hallow

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><font class="HT"><font class="T">
<style>
body {font-size: 1px; line-height: auto;background-color:black; font-family: Trebuchet; background-repeat: repeat-x; background-position: top center; background-image: url(http://cbimg6.com/layouts/08/10/31786aa.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;}
table tr td {background-color:transparent;}
embed, object {width:40px; height:60px; 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}

{!-Position, change values to suit your profile-!}
table table table.profileInfo {position:absolute; top:330px; left:50%; margin-left:-84px; z-index: 8}
{! position contacttable !}
table.contacttable {position:absolute; top:620px; 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:1010px; left:50%; margin-left:-180px}
{! position music player !}
table div object {position:absolute; top:887px; left:50%; margin-left:-15px}

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

.i {display:none;}
{! reserve space for the text block, shift UP slightly !}
{! height should be height of block AFTER unwanted data is clipped off !}
font.HT {display:block; width:155px; height:100px; position:relative; top:-45px; }
{! height must be enough to hold the full text block BEFORE clipping any off !}
font.T {display:block; width:155px; height:150px; position:absolute; font-size:11px; }

{clip down to what we want to show T R B L}
{increase or decrease values as needed}
font.T {clip:rect(80, 150, 200, 0);}

{OPTIONAL move it up}
font.T {margin-top:-20px;}

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

{!OPTIONAL hide hanging quote !}
table.profileInfo table td.text {visibility:hidden;}
table.profileInfo table td.text font, table.profileInfo td.text img {visibility:visible;}

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;}

{! remove blurbs header and cell it occupies !}
table.blurbs td.text {display:none}
{! remove about and meet headers !}
table.blurbs table td span.orangetext15 {display:none}

{!-Size Blurbs !}
table.blurbs table,  
table.blurbs td,
table.blurbs {display:none;}

{!-Size friendspace outer 2 tables !}
table.friendSpace table,  
table.friendSpace td, 
table.friendSpace {width:350px !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:70px !important; margin:0px; border:0px; padding:0px;}

{!- set so that img PLUS padding = 1/4 of full table width-!}
table.friendspace img {width:69px !important;}

{!-names above friend pictures.  I keep these small.  FF has wrap issues-!}
table.friendspace table table td a {font-size:1; font-family:Arial Narrow; color:transparent}

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

{!-deal with view friends div-!}
table.friendSpace table div {width:98% !important; font-size:8px !important}

{!-Gets rid of some excess space-!}
table.friendspace br {line-height:2px;}
table.friendSpace div {display:none;}

{!-ditch the orange behind the header, also effects another table-!}
table.friendspace table {background-color:transparent;}

{!!STYLE BLURBS!!}
{!blurbs: remove all coloring!}
table.blurbs, table.blurbs td, table.blurbs table {background-color:transparent}
{!add border!}
table.blurbs {border:0px solid; border-color:hotpink}
{!add border to about and meet sections!}
table.blurbs td {border:0px solid; border-color:maroon}
{!add background color to blurbs!}
{!if you color the cells different this will act as a border!}
table.blurbs {background-color:transparent}
{!color blurb cells!}
table.blurbs table td {background-color:transparent}
{!use different color for header cell!}
table.blurbs td.text {background-color:transparent}
{!change color and font of blurbs text!}
table.blurbs td.text span.orangetext15 {color:black; 
 font-family:Trebuchet; font-size:12px;}
{!change color and font of about and meet headers!}
table.blurbs td span.orangetext15 {color:005b7f; 
 font-family:Trebuchet; font-size:16px; font-style:normal; font-weight: normal}
{!change color of text font in blurbs!}
table.blurbs td span.text {color:black; 
 font-family:Trebuchet; font-size:12px; font-weight: normal; line-height:2}

{!!STYLE FRIENDSPACE!!}
{!-style header-!}
table.friendspace .orangetext15 {display:none; color:black; font-size:14px; font-family:Trebuchet; font-style:normal; font-weight: bold}

{!!STYLE FRIENDSCOMMENTS!!}
{! remove default background and borders from comments !}
table.friendsComments table, table.friendsComments td {background-color:transparent; border:0px; width:350px}
.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:white; 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:a67c52}

{! width of comment left column !}
table.friendsComments table table td {width:90px !important; align: left}
table.friendsComments table table td a img {width:90px}
table.friendsComments table table td img.imgOnlineNow {width:80px !important;}

{! width of comment right column !}
table.friendsComments table table td.columnsWidening {width:220px !important;}

{! full comment table width !}
table.friendsComments {width:250px;}
</style>

Layout Comments

Showing latest 10 of 63 comments

Ooh I love it! It's 's.c.a.r.y.' Ha ha!

By Butterface89 on Sep 3, 2010 12:20 pm

I absolutely love this layout, i would use it but it doesn't have an about me ):

By fuckmehard21 on Aug 17, 2009 1:29 pm

This is VERY awesome! Is there another version that maybe on each side under the candle lights, there are spots to write???

By angelcollins on Apr 6, 2009 7:42 pm

you probably have the most original DIV's on here :D

By patternhouses on Feb 20, 2009 9:24 pm

I really really like this, but an about me section would be nice.
and if the comments were hidden.

By sabbi on Nov 10, 2008 9:00 pm

I really like this one and i have a question do you make the skull background?
cause i really like it xD

By dream-death on Oct 25, 2008 4:32 pm

It's beautiful ^.^

By Firiath on Oct 24, 2008 5:05 am

THIS is beautiful & gives ya that creepy feeling. AWESOME WORK [;

By goth-nina on Oct 24, 2008 12:50 am

This is a great layout. I think It could do without the mini music player under the self though, adds a bit to much to it, but then again I suck at making layout. This and Your pumpkin one are both amazing, good job.

By CDH on Oct 21, 2008 6:37 pm

Would you mind at all if I removed the comment part before I used this. I don't want to edit your code at all, but I just don't like everyone reading my comments.

By MissFits on Oct 18, 2008 1:03 pm

View all »

Layout Details

Designer	PaperMyPlate
Submitted on	Oct 2, 2008
Page views	36,570
Favorites	327
Comments	63
Reviewer	schizo
Approved on	Oct 2, 2008

Hallow

Designer's Comments

Using This Layout

Update Friend ID

Layout Code

Layout Comments

Layout Details

Layout Colors

Layout Tags

Layout Tools

Layout Affiliates