A Green Garden

Designer's Comments

Look carefully for specific instructions

Wherever it says YOURIDHERE, replace it with your friendID (in the 'navigation' and 'comment' divs).

Edit the 'about me' section to your liking. :)

Flower brushes from http://77words.livejournal.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><style type=text/css>
body {
background-color: C1E3D4;
background-image: url("");
background-attachment: fixed;
scrollbar-base-color: C1E3D4;
scrollbar-arrow-color: 0A552A;
scrollbar-3dlight-color: 468662;
scrollbar-darkshadow-color: 0A552A;
scrollbar-face-color: C1E3D4;
scrollbar-highlight-color: C1E3D4;
scrollbar-shadow-color: C1E3D4;
scrollbar-track-color: e6e6e6; }

table, tr, td {background-color: transparent; border: 0px; padding:2;}
table table {border: 0px;}
table table table table{border: 0px;}

{The actual modules}
table table table {border: 1px solid; border-color: ; background-color: transparent; }

{sets the default style for the body, table data, list data, divisions and text areas}
body,table, td, li, p, div, textarea  
{font:normal 8pt verdana; color:FFFFFF; font-weight:none; border:0px; text-transform: none; line-height:9pt;}

{class for the basic font for the page}
.text {font:normal 8pt verdana; color:FFFFFF; font-weight:none; border:0px; text-transform: none; line-height:9pt;}

{style for the number of comments you have.}
.redtext{font-family:verdana; font-size:8pt; color:FFFFFF; font-weight:none;border:0px; text-transform: none; }

{style for the number of friends you have.}  
.redbtext{font-family:verdana; font-size:8pt; color:FFFFFF; font-weight:none;border:0px; text-transform: none; }

{�Blurbs�, �About Me�, �Who I�d like to Meet�, �Friend Space�, and �Friend�s Comments� style}
.orangetext15{font-family: verdana; color: FFFFFF; font-weight: bold; font-size: 8pt; letter-spacing: -2px;}

{�General�, �Music�, �Movies�, �Television�, �Books�, �Heros�, �Status�, �Here for�, �Hometown�, �Body Type�, �Ethnicity�, �Religion�, �Sign�, �Smoke/Drink�, �Children�, �Education�, �Occupation�, and �Income� title style}
.lightbluetext8{font-family:verdana; font-size:8pt;  color:85AA95; background-color:0A552A; font-weight:normal; border:0px; text-transform: uppercase; }

{�Contacting�, �Interests�, �Details�, and �Schools� title styling}  
.whitetext12{font-family:verdana; font-size:8pt;  color:FFFFFF; font-weight:none;border:0px; text-transform: none;}

{�In your extended network� style}
.blacktext12{font-family:verdana; color: FFFFFF; font-weight: bold; font-size: 8pt; letter-spacing: -2px; }

{Stylizing of your name above your picture }  
.nametext{font-family: verdana; color: FFFFFF; font-weight: bold; font-size: 8pt; letter-spacing: -2px; line-height: 9px;}

{date stamp on comments}  
.blacktext10{font-family:verdana; font-size:8pt; color:FFFFFF; font-weight:none;border:0px; text-transform: none;}

{This is how all anchor points will be displayed; anchor points appear before all links.}  
a{font-family:verdana; font-size:8pt; color:FFFFFF; font-weight:none;border:0px; text-transform: none; }  
a:link{font-family:verdana; font-size:8pt; color:FFFFFF; font-weight:none;border:0px; text-transform: none;}
a:active{font-family:verdana; font-size:8pt; color:FFFFFF; font-weight:none;border:0px; text-transform:none;}
a:visited{font-family:verdana; font-size:8pt; color:C1E3D4; font-weight:none;border:0px; text-transform: none;}
a:hover{font-family:verdana; font-size:8pt; color:0A552A; font-weight:bold;border:0px; text-transform: none;}

{�View all friends� and �invite more� link style}  
a.redlink{font-family:verdana; font-size:8pt; color:FFFFFF; font-weight:none;border:0px; text-transform: none;}  
a.redlink:link{font-family:verdana; font-size:8pt; color:FFFFFF; font-weight:none;border:0px; text-transform: none;}
a.redlink:active{font-family:verdana; font-size:8pt; color:FFFFFF; font-weight:none;border:0px; text-transform: none;}
a.redlink:visited{font-family:verdana; font-size:8pt; color:C1E3D4; font-weight:none;border:0px; text-transform: none; }
a.redlink:hover{font-family:verdana; font-size:8pt;  color:0A552A; font-weight:none;border:0px; text-transform: none;}

{2 links in very top on the left, and the 13 links above your picture with make the navigation bar}
a.navbar{font-family:verdana; font-size:8pt; color:FFFFFF; font-weight:none;border:0px; text-transform: none;}  
a.navbar:link{font-family:verdana; font-size:8pt; color:FFFFFF; font-weight:none;border:0px; text-transform: none;}  
a.navbar:active{font-family:verdana; font-size:8pt; color:FFFFFF; font-weight:none;border:0px; text-transform: none;}  
a.navbar:visited{font-family:verdana; font-size:8pt; color:C1E3D4; font-weight:none;border:0px; text-transform: none;}  
a.navbar:hover{font-family:verdana; font-size:8pt; color:0A552A; font-weight:none;border:0px; text-transform: none;}

{Default Links}
a:link, a.man{font-family:verdana; font-size:8pt; color:FFFFFF; font-weight:none;border:0px; text-transform: none; letter-spacing: 0px;}  
a:active{font-family:verdana; font-size:8pt; color:FFFFFF; font-weight:none;border:0px; text-transform: none;}  
a:visited{font-family:verdana; font-size:8pt; color:C1E3D4; font-weight:none;border:0px; text-transform: none;}
a:hover{font-family:verdana; font-size:8pt; color:0A552A; font-weight:none;border:0px; text-transform: none;}
</style><style type="text/css">
    table, tr, td {background:transparent;}
    table table table table, table table table table td.text, table.contactTable {display:none;}
    td.text table, .orangetext15 {visibility:hidden;}
    td.text table table {display:inline; visibility:visible;}
    td.text td.text table {display:none;}
    div b font font, div font font u {display:none;}
.whitetext12 { display: none; }
.nametext { display:none;}
.orangetext15{display: none;}
To get rid of the top links myspace.com | Home ect... use this code
.{removes top links only}
div table form tr td {visibility:hidden!important; height:0px!important;}

To get rid of the top links plus the navigational bar use this
. {removes top links and navbar}
div table form tr td, a.navbar, font{visibility:hidden!important; height:0px!important;}

To hide the bottom links use this
.{hiding the bottom links}
table tr td div div {visibility:hidden;border:0px!important;background-color:transparent;}

To hide the copyright use this
. {hiding the copyright}
table div font a, table div div {visibility:hidden; display:none;border:0px!important;background-color:transparent;}
.contactTable {display:none!important; border:0px !important;}
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;}
.blacktext12 {visibility:hidden; display:none}
table td.text {visibility:hidden;}
td.text td, td.text span, td.text a {visibility:visible;}
td.text td.text table table table,
td.text td.text table br,
td.text td.text table .orangetext15,
td.text td.text .redlink,
td.text td.text span.btext
{display:none;}
td.text td.text table {background-color:transparent;}
td.text td.text table td, td.text td.text table {height:0;padding:0;border:0;}
td.text td.text table table td {padding:3;}
td.text td.text table table br {display:inline;}
td.text td.text table td {font-size:0pt;}
td.text td.text {height:0;}
td.text td.text table b, td.text td.text table table td {font-size:8pt;}
table, tr, td {background-color: transparent; border: 0px; padding:2;}
table table {border: 0px;}
table table table table{border: 0px;}
table table table {border: 0px solid; border-color: transparent; background-color: transparent; }
</style>
<style type="text/css">
.image{
top:130px;
left:100px;
position: absolute;
}
</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<div class="about me" style="position: absolute; left:328px; top:329px; width: 376px; height: 157px; overflow: auto;"><center>
<img src="http://layouts.cbimg9.com/28/14158m.gif" align="left"><table align="left" border="0" cellpadding="0" cellspacing="0">
<table align="left" border="0" cellpadding="0" cellspacing="0">
<tr><td width="75" style="padding:2px"><span class="lightbluetext8">Name</span></td>
<td><span style="margin-left:5px">Your name</span></td>
</tr><tr><td style="padding:2px"><span class="lightbluetext8">Aliases</span></td>
<td><span style="margin-left:5px">Your aliases</span></td>
</tr><tr><td style="padding:2px"><span class="lightbluetext8">Age</span></td>
<td><span style="margin-left:5px">Your age</span></td>
</tr><tr><td style="padding:2px"><span class="lightbluetext8">Birthday</span></td>
<td><span style="margin-left:5px">Your birthday</span></td>
</tr><tr><td style="padding:2px"><span class="lightbluetext8">Birthplace</span></td>
<td><span style="margin-left:5px">Your birthplace</span></td></tr>
<tr><td style="padding:2px"><span class="lightbluetext8">Ethnicity</span></td>
<td><span style="margin-left:5px">Your ethinicity</span></td></tr><tr>
<td style="padding:2px"><span class="lightbluetext8">Eye color</span></td>
<td><span style="margin-left:5px">Your eye color</span></td></tr>
<tr><td style="padding:2px"><span class="lightbluetext8">Height</span></td>
<td><span style="margin-left:5px">Your height</span></td>
</tr><tr><td style="padding:2px"><span class="lightbluetext8">Body art</span></td>
<td><span style="margin-left:5px">Your body art</span></td>
</tr><tr><td style="padding:2px"><span class="lightbluetext8">Status</span></td>
<td><span style="margin-left:5px">Your status</span></td>
</tr><tr><td style="padding:2px"><span class="lightbluetext8">Religion</span></td>
<td><span style="margin-left:5px">Your religion</span></td>
</tr><tr><td style="padding:2px"><span class="lightbluetext8">School</span></td>
<td><span style="margin-left:5px">Your school</span></td>
</tr><tr><td valign="top" style="padding:2px"><span class="lightbluetext8">Major</span></td>
<td><span style="margin-left:5px">Your major</span><br></td></tr></table><br clear="all"></center><br/>Write anything else about yourself here if you wish: likes, dislikes, music, movies, TV shows, etc.<br/></div>

Layout Comments

Showing latest 10 of 30 comments

comment box doesn't work?

By emberfly on Mar 17, 2008 10:22 pm

Dude, this is SOOOO kick-ass!!

By Astrocast on Aug 28, 2007 8:52 pm

uh i finished everything else except the piccs i cant seem to find where it is any help to where it exactly is ---ps its a great simple layout luv it

By mdffree on Aug 6, 2007 8:17 pm

hey can you tell me how to get my pic up please. ive got the rest of the layout done but am really confused about getting the pic changed. i dont know where abouts it is? so can you halp? thanks

By KajYeah on Jul 28, 2007 7:20 pm

this is absolutely lovely!
i love it, at first it remind me of elmentary simply because of the colors and the little stick figure, but it doesnt matter because i still would of used it anyway! its adorable!
GREAT JOB!!
added to favorites.

By akforever on Jul 19, 2007 12:32 pm

how can i erase the box for add my picture i cant eraise it please help me

By mary181 on Jun 4, 2007 4:06 pm

QUOTE(topspot @ Oct 14 2006, 10:42 AM) [snapback]2316753[/snapback] I love this. It's the first div I've gotten to work. The only thing- You can't put your curor in the comment box to type. Is it supposed to be this way?Thanks!

By shadowfax on Oct 14, 2006 6:05 pm

I love this. It's the first div I've gotten to work. The only thing- You can't put your curor in the comment box to type. Is it supposed to be this way?Thanks!!

By topspot on Oct 14, 2006 10:42 am

ooh. I like. very cute

By bagelbrg05 on Oct 1, 2006 9:48 pm

QUOTE(TheAcademyIsAlive @ Sep 26 2006, 9:07 PM) [snapback]2297444[/snapback] i wondering if i could get some help my writing and picture is off like its not on the green part and the rest of my profile is showing will someone help me out here? It

By shadowfax on Sep 26, 2006 10:03 pm

View all »

Layout Details

Designer	shadowfax
Submitted on	Aug 27, 2006
Page views	150,239
Favorites	266
Comments	30

A Green Garden

Designer's Comments

Using This Layout

Update Friend ID

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates