Christmas Tree

Myspace Layouts / Div Overlay

Designer's Comments

Look carefully for specific instructions

Substitute the XXXXXXXX for friend id.

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 type="text/css">
.contacttable,.whitetext12,.nametext,.lightbluetext8,.orangetext15,.blacktext12,.btext,.redtext,.redbtext{display:none;height:0px;!important;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;!important;border:0px;!important}
a.text,table div font a,table div div,.navbar font,tr td font{visibility:hidden;display:none;height:0px;!important;}
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!important;}
body div table td form option{display:none!important;}
body div table td form select{display:none!important;}
body div table td form input{display:none!important;}
.div{
position: absolute; 
left: 30%;
margin-left: -100px; 
top: 140px;  
z-index: 0;}

.section1{
position: absolute; 
left: 50%; 
margin-left: -42px; 
top: 290px; 
z-index:5; 
width:  135px; 
height: 120px; 
overflow: auto;}

.section2{
position: absolute; 
left: 0%; 
margin-left: 540px; 
top: 420px; 
z-index:5; 
width:  200px; 
height: 100px; 
overflow: auto;}

.section3{
position: absolute; 
left: 0%; 
margin-left: 520px; 
top: 535px; 
z-index:5; 
width:  250px; 
height: 90px; 
overflow: auto;}
</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

Layout Comments

Showing latest 5 of 5 comments

Updated. Aligned and prettier scrollbars (:
Enjoy :D

By sweetlylovedlyts on Jun 14, 2008 12:38 am

AWESOME!
All this layout needs is some presents or something
i LOVE it!

By shawesa on Dec 17, 2007 9:22 pm

Wow this is a good concept. Too bad the text is off to the left in Firefox :(
Plus I agree about the scrollboxes.

By Jennifer on Dec 17, 2007 2:22 am

This isn't as good as your other layouts.

By Marlons on Dec 16, 2007 10:45 pm

for starters the scrollboxes are off to the left and not centered in the middle of the tree in firefox. but i think you have a very nice idea going here, maybe you should've just had text in the tree without scrollboxes.

By jesusisthebestthing on Dec 16, 2007 9:17 pm

Layout Details

Designer	sweetlylovedlyts
Submitted on	Dec 15, 2007
Page views	7,652
Favorites	32
Comments	5
Reviewer	IVIike
Approved on	Dec 16, 2007

Christmas Tree

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