Tree.

Designer's Comments

Look carefully for specific instructions

If you don't know how to use this kind of layout, click here.

Umm...I don't know. This is my attempt at a "nature" layout. It's not spectactular but whatever. I give myself an "A" for effort. :)

Want to see all my layouts and graphics? website - myspace

Photo credit: basil-stock

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">body{
background-color:fff;
background-image:url(http://cbimg6.com/layouts/08/02/19/25607ac.png);
background-position:top left;
 background-repeat:repeat;
 background-attachment:scroll;
scrollbar-arrow-color:ffffff;
scrollbar-track-color:7e7a20;
scrollbar-shadow-color:2c0e11;
scrollbar-face-color:2c0e11;
scrollbar-highlight-color:2c0e11;
scrollbar-darkshadow-color:2c0e11;
scrollbar-3dlight-color:2c0e11;}
</style>

.div{
position: absolute; 
left: 50%;
margin-left:-380px; 
padding-bottom:20px;
top: 110px;  
z-index: 0;}

.section1{
position: absolute; 
left: 50%; 
margin-left:-140px; 
top: 545px; 
z-index:5; 
width:  510px; 
height: 130px; 
overflow: auto;}

.section2{
position: absolute; 
left: 50%; 
margin-left:90px; 
top: 286px; 
z-index:5; 
width:  90px; 
height:90px; 
overflow: auto;}

.section3{
position: absolute; 
left: 50%; 
margin-left:-362px; 
top: 340px; 
z-index:5; 
width:  201px; 
height: 163px; 
overflow: auto;}

.section4{
position: absolute; 
left: 50%; 
margin-left:-355px; 
top: 160px; 
z-index:5; 
width:  185px; 
height: 143px; 
overflow: auto;}

.commentbox{position: absolute; left: 50%; margin-left:-355px; top: 540px; z-index:1; width:  -360px; height: 86px;}

body,table, td, li, p, div
{
font:normal 11px georgia; 
color:fff; 
font-weight:none; 
border:0px; 
text-transform: none; 
line-height:15px;}

textarea{
background-color: transparent; 
background-image:url();
color: ffff; 
font:20px verdana; 
text-transform:none;
letter-spacing: -3px;
border: solid 1px 000;}

a:active,a:visited,a:link,a{
	color:000;
	font-size:10px;
	margin-top:1px;
	cursor:default;
	font-weight:normal;
	letter-spacing:1px;
	font-family:tahoma;
	text-decoration:none;
	text-transform:uppercase;
}

a:hover{
	color:fff;
	font-size:10px;
	margin-top:1px;
	cursor:default;
	font-weight:normal;
	letter-spacing:1px;
	font-family:tahoma;
	text-decoration:none;
	text-transform:uppercase;}
	
a.nav:link, a.nav:visited, a.nav:active {border: none; border-left:none; border-bottom:none;color:fff; background-color:transparent; text-transform:uppercase; letter-spacing: 2px; padding-top:3px; padding-bottom:3px;font-size: 9px; background-image:url(); background-color:341013; width:100%; display:block;background-position:right; background-repeat:no-repeat; text-align:right; font:13px times new roman; font-weight:normal;}
a.nav:hover {border: none; border-left:none; border-bottom:none;color:fff; background-color:transparent; text-transform:uppercase; letter-spacing: 2px; display:block;font-size: 9px; padding-top:3px; padding-bottom:3px; background-image:url(); background-color:2c0e11; width:100%; background-position:right; background-repeat:no-repeat; font:13px times new roman; text-align:right; font-weight:normal;}

.standard b, p b, B, strong {
font-family:times new roman; 
font-size:13px; 
line-height:23px;
color:7e7a20; 
font-weight:none;
font-weight:normal;
border:0px; 
text-transform: uppercase; }
</style>

<div class="section4">
<b>Name:</b> BLAH<br> 
<b>Age:</b> BLAH<br> 
<b>Location:</b> BLAH<br> 
<b>Status:</b> BLAH<br>
<b>Hobbies:</b> BLAH<br>  
</div>

<div class="section3">
 <a class="nav" href="http://home.myspace.com/index.cfm?fuseaction=user">Home</a>
 <a class="nav" href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=XXXXXXXX">pics</a>
 <a class="nav" href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX&MyToken=60073af5-e929-4c7a-b357-3f1b6da0bbfb">add</a><a class="nav" href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX&MyToken=60073af5-e929-4c7a-b357-3f1b6da0bbfb">message</a>
 <a class="nav" href="http://collect.myspace.com/index.cfm?fuseaction=block.blockUser&userID=XXXXXXXX">block</a>
 <a class="nav" href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=159444696&MyToken=309fd791-51cb-4de0-9982-23e1fd6ac746">comment</a>
 <a class="nav" href="http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=XXXXXXXX">blog</a>
</div>

<div class="commentbox"><center>
<style type="text/css">
textarea.area{
background-color:341013;
width:190px;
height:130px;
font-family:times new roman;
color:fff;
line-height:26px;
font-size:21px;
text-align:left;
text-transform:normal;
border:0px solid;
border-color:000;
font-weight:normal;
letter-spacing:-1px;
overflow:hidden;
}

input.button {
background-color:341013;
width:190px;
height:14px;
font-family:times new roman;
color:fff;
line-height:12px;
font-size:9px;
text-align:center;
text-transform:uppercase;
border:0px solid;
border-color:000;
font-weight:normal;
letter-spacing:2px;}
</style>

<form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment">
<input name="friendID" value="XXXXXXXX" type="hidden">
<textarea name="f_comments" class="area">Hello.</textarea><br />
<input type="submit"class="button" value="send"></form>
</center> 
</div>

Layout Comments

Showing latest 10 of 47 comments

my about me wont show up

By Chante111 on Aug 16, 2009 9:11 pm

You must have accidentally erased part of the code that you shouldn't have because it's working perfectly fine for me.

By schizo on Feb 28, 2009 12:56 pm

im trying to get it to work, but the scroll box in the about me doenst work and the text appears below the layout. the basic info doesnt show up either. help?

By rockrgrrl13 on Feb 28, 2009 12:47 pm

one word!

BEAUTIFUL

By iloveTaylorLautner on Jan 3, 2009 7:41 pm

Stunning
i love this :]

By Lottipop on Aug 13, 2008 9:13 am

The comment box isn't too big for me, and I've tested it in IE and FF. I don't really know how to help if I don't see the problem. D:

By schizo on Jul 31, 2008 10:20 am

i love this layout.. but i'm having some problems with the comment box. it's a tad too small for the section (you can see a strip green background to the right of the box between the comment header and the submit button.)

I was wondering if you had any suggestions. I've played with the numbers a bit, but I can't seem to get it.

Thanks!

By AbstruseLace on Jul 31, 2008 2:32 am

... whaaat? i love the fence XD

By endless-hunger on Jul 7, 2008 9:38 pm

i can't hear my music with this layout..

By redbaron427 on Jul 5, 2008 2:16 pm

i really like, it's the most cute and simple thing i have seen.

By MillyxD on Jul 4, 2008 1:20 pm

View all »

Layout Details

Designer	schizo
Submitted on	Feb 19, 2008
Page views	49,209
Favorites	571
Comments	47
Reviewer	miyashu
Approved on	Feb 19, 2008

Tree.

Designer's Comments

Using This Layout

Update Friend ID

Layout Code

Layout Comments

Layout Details

Layout Colors

Layout Tags

Layout Tools

Layout Affiliates