Garden Delight

Designer's Comments

Look carefully for specific instructions

Do NOT use this layout if you aren't familarize with HTML and its aspects.

ANother layout in this format, I think this will be the last one 'cause it seems old to me now, anywho I liked the colors so I created a layout based on them! Enjoy!

-Place BOTH codes, into About Me and I'd Like To Meet

-Replace all the etc with what you want it to say about yourself.

-Replace the XXXXXXXXXX with your id number

-If you don't have anything nice to say don't say it at all.

PM me with any problems, so please don't ask questions here, and please don't ask really dumb questions!

-For more of my layouts click here

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

body {
background-color: f1f0d3;
background-position:top left;
background-attachment: repeat;
scrollbar-arrow-color: f1f0d3;
scrollbar-face-color: f1f0d3;
scrollbar-3dlight-color: f1f0d3;
scrollbar-darkshadow-color: f1f0d3;
scrollbar-shadow-color: f1f0d3;
scrollbar-highlight-color: f1f0d3;
scrollbar-track-color: f1f0d3;
}

b {
color: abb89a;
font-weight:bold;
}

I {
color: 686144;
letter-spacing: 1px;

}

u {
color: 705066;
}

s {
color: 595843;
}

.commentlinks {display:none;}
body div table td form img{display:none!important;}
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 {display:none}
table table,table table table table,table table{background-color:transparent;width:;border:0px;} 
div,table,tr,td,th{background-color:transparent;text-align:left;border:0px;}
a.navbar,font,.whitetext12,.btext,.orangetext15,
.redtext,.blacktext10,
.lightbluetext8,strong,.nametext,div b font font, 
div font font u,table table table table, table.contacttable{display:none;}
div table form tr td,td.text table,a.text, table div font a,table div div,{visibility:hidden;di-splay:none}
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;}
td.text table table {display:inline; visibility:visible;}
embed{position:absolute;top:0px;left:0px;display:block;width:0px; height:0;}
.friendSpace { display:none; }
.friendsComments { display:none; }
td td embed, td td object { position: absolute; top: -200px; left: -200px; }
td td td embed, td td td object { position: static; }
.comments{
visibility: hidden;
width: 0px;
height: 0px;
position:absolute;
top: 0px;
left: 0px; 
overflow: auto;
background-color:transparent;
border:black 0px solid;
z-index: -2;}
body div table td form option{display:none;}
body div table td form select{display:none;}
body div table td form input{display:none;}

.home{
	height: 27px; 
	width: 68px; 
	background-color: transparent;  
	background: url(http://cbimg6.com/layouts/07/09/13/21447ab.gif);
	background-position: top left;
	background-repeat: no-repeat; 
	display: block;}
.home:hover{
	background-position: top right;}

.add{
	height: 27px;  
	width: 68px; 
	background-color: transparent;  
	background: url(http://cbimg6.com/layouts/07/09/13/21447ac.gif);
	background-position: top left;
	background-repeat: no-repeat; 
	display: block;}
.add:hover{
	background-position: top right;}

.message{
	height: 27px; 
	width: 68px; 
	background-color: transparent;  
	background: url(http://cbimg6.com/layouts/07/09/13/21447ad.gif);
	background-position: top left;
	background-repeat: no-repeat; 
	display: block;}
.message:hover{
	background-position: top right;}

.pictures{
	height: 27px; 
	width: 68px; 
	background-color: transparent;  
	background: url(http://cbimg6.com/layouts/07/09/13/21447ae.gif);
	background-position: top left;
	background-repeat: no-repeat; 
	display: block;}
.pictures:hover{
	background-position: top right;}

.block{
	height: 27px; 
	width: 68px; 
	background-color: transparent;  
	background: url(http://cbimg6.com/layouts/07/09/13/21447af.gif);
	background-position: top left;
	background-repeat: no-repeat; 
	display: block;}
.block:hover{
	background-position: top right;}

.blog{
	height: 27px; 
	width: 68px; 
	background-color: transparent;  
	background: url(http://cbimg6.com/layouts/07/09/13/21447ag.gif);
	background-position: top left;
	background-repeat: no-repeat; 
	display: block;}
.blog:hover{
	background-position: top right;}

.friends{
	height: 27px; 
	width: 68px; 
	background-color: transparent;  
	background: url(http://cbimg6.com/layouts/07/09/13/21447ah.gif);
	background-position: top left;
	background-repeat: no-repeat; 
	display: block;}
.friends:hover{
	background-position: top right;}

.aboutme1{
position: absolute;
width: 299px;
padding: 4px;
z-index: 3;
height: 336px;
text-transform: none;
letter-spacing: 0px;
line-height: 11px;
overflow: auto;
font-family: verdana;
font-size: 9px;
color: 89ab61;
top: 171px;
left: 135px;
}

.navigation{
position: absolute;
width: 68px;
z-index: 4;
height: 190px;
text-transform: none;
letter-spacing: 0px;
line-height: 11px;
overflow: none;
font-family: verdana;
font-size: 9px;
color: FFFFFF;
top: 170px;
left: 492px;
}

.basics{
position: absolute;
width: 194px;
padding: 4px;
z-index: 5;
height: 174px;
text-transform: none;
letter-spacing: 0px;
line-height: 11px;
overflow: auto;
font-family: verdana;
font-size: 9px;
color: FFFFFF;
top: 375px;
left: 441px;
}

.etc{
position: absolute;
width: 299px;
padding: 4px;
z-index: 6;
height: 192px;
text-transform: none;
letter-spacing: 0px;
line-height: 11px;
overflow: auto;
font-family: verdana;
font-size: 9px;
color: FFFFFF;
top: 514px;
left: 135px;
}

.comment
{position:absolute;
width: 194px;
padding: 1px;
z-index: 7;
padding: 2px;
height: 150px;
overflow: hidden;
left: 441px;
top: 556px; 
}

.name
{position:absolute;
width: 502px;
z-index: 8;
height: 70px;
color: 808080;
background-color: none;
letter-spacing: -1pt;
font-family: "verdana";
font-size: 50pt;
line-height: 50pt;
overflow: hidden;
left: 134px;
top: 95px;
text-align: center; 
}

.titles {display: block;
visibility: visible;
color: 613b40;
background-color: none;
font-family: "verdana";
font-size: 15pt;
line-height: 18pt;
text-transform:lowercase;
text-align: left;
}

a:link, a:visited, a:active {
text-decoration : none;
color: 000000;
font-size : 10px;
line-height: 11px;
font-family: verdana; }
}
a:hover {
text-decoration: underline;
font-size : 10px;
line-height: 11px;
font-family: verdana;
color: 562e2c;}

</style>

</map>

Layout Code

Copy and paste to I'd Like to Meet

Help

</div>

<div class="aboutme1"> 
<P CLASS=titles>About me</p>
This is where you talk about yourself, what you do, <b>etc etc etc etc</b> <i>etc etc etc etc</i> <u>etc etc etc etc</u> <s>etc etc etc etc</s> etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc</div>

<div class="etc">
<P CLASS=titles>etc</p>
Put whatever you want here, pictures, a music player, basically anything its a blank spot! blank blank blank blank blank blank blank blank blank blank blank blank blank blank blank blank blank blank blank blank blank blank blank blank blank blank blank blank blank blank blank blank blank blank blank blank blank blank blank blank blank blank blank blank blank blank blank blank blank blank blank blank blank blank blank blank blank  blank blank blank blank blank blank blank blank blank blank blank blank blank blank blank blank blank blank blank blank blank blank blank blank blank blank blank blank</div>

<div class="basics"> 
<P CLASS=titles>Basics</p>
<b>Name</b>: blank<br>
<b>Age</b>: blank<br>
<b>Country</b>: blank<br>
<b>Eyes</b>: blank<br>
<b>Hair</b>: blank<br>
<b>Pets</b>: blank<br>
<b>Height</b>: blank<br>
<b>Nicknames</b>: blank<br>

</div>

Layout Comments

Showing latest 10 of 23 comments

I love it ^-^
I'm gonna useeerrzzz it Xd

By ixthrowxcrayons on Sep 11, 2008 5:39 pm

thank you thank you thank you! i can never find one with a white text box so i can put my quotes and stuff. THANK YOU!

By brooke22mcc on Jul 12, 2008 3:41 pm

Um very wierd but this amazing
everything works
but the comment box its just the plain purple color
HELP

By alibear12493 on Jul 4, 2008 6:15 pm

I love it. :]

By n1zz1e on May 26, 2008 2:38 pm

is there a way to change block to comment

By porkypig on Apr 22, 2008 2:31 am

Nevermind. I figured out the id number thing. Your layouts are absolutely wonderful. I love how simple and elegant they are. Your color choices are very nice as well. thanks

By jenniferp35 on Jan 14, 2008 7:10 pm

I am all very new to this, so forgive me for asking a dumb question. Where do I find the "id number" on my space? I have figured out the rest of the layout, but am stuck at the step "Replace XXXXX with id number" thanks

By jenniferp35 on Jan 14, 2008 4:59 pm

omg;
i need a lot of help;
well not ALOT but on the part where it has home, add, blog, pics, friends, msg, block? how do you make it to where it works for my profile and doesnt keep saying, invalid friend id blahblahblah

By beccahlee93 on Dec 27, 2007 7:17 pm

hey there. i have a question. I'm using your lovely "garden delight" div overlay layout for myspace and i was wondering how would i make the myspace miniplayer show up... i tried a few different codes i searched for online but they didn't seem to work :( i'd love it if you could help a girl out. thanks.

By vashparadise on Nov 14, 2007 11:23 pm

The Your Name bit is after the About Me bit

By hjp on Oct 29, 2007 5:01 pm

View all »

Layout Details

Designer	hjp
Submitted on	Sep 12, 2007
Page views	52,643
Favorites	406
Comments	23
Reviewer	Insurmountable
Approved on	Sep 13, 2007

Garden Delight

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