Meteor Garden

Designer's Comments

Look carefully for specific instructions

NEED TO HAVE HTML KNOWLEDGE TO USE THIS LAYOUT--

DONOT steal i will hunt you down.

Tested in Internet explorer.
pixels might be a bit off in mozilla and other servers...

replace all "XXXXXXXXX" with your 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{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;}
</style>

.profileInfo, .contactTable, .userProfileURL, .interestsAndDetails, .userProfileDetail { display: none; }
.extendedNetwork, .latestBlogEntry, .friendSpace, .friendsComments, .navigationBar { display: none; }
table, tr, td, th { background-color: transparent; }
div table td form { display: none; }

body {
	background-color: 3a4c58;
	background-image: url(http://cbimg6.com/layouts/07/09/22/21726ab.png);
	background-position: top center;
	background-repeat: repeat-y;
	cursor: default;
scrollbar-face-color: 6a90a4; 
scrollbar-track-color:  50798e; 
scrollbar-arrow-color:  white; 
scrollbar-highlight-color:  2c5972; 
scrollbar-3dlight-color:  2c5972; 
scrollbar-shadow-color: 3e464b; 
scrollbar-darkshadow-color: 3e464b;
}

.layout {
	background-color: transparent;
	background-position: top left;
	background-repeat: no-repeat;
	background-attachment: ;
	font-size: 1px;
	width: 801px;
	position: absolute;
	left: 50%; margin-left: -399px;overflow: hidden!important; z-index:5
}

.box1 {
	width: 383px;
	position: absolute;
	top: 624px; left: 50%;
	margin-left: -308px;
	overflow: hidden !important; z-index:5
}
.box2 {
	width: 220px; 
	position: absolute;
	top: 624px; left: 50%;
	margin-left: 90px;
	overflow: hidden!important; z-index:5
}
.nav {
	width: 620px; height: 100px;	position: absolute;
	top: 550px; left: 50%;
	margin-left: -315px;
	overflow: hidden !important; text-align: center; z-index:5
}
 span.first{
	color:405565;
	display:block;
	font-size:25px;
	margin-top:2px;
	line-height:25px;
	margin-bottom:1px;
	font-weight:normal;
	letter-spacing:-1px;
	border-bottom:4px solid;
	border-top:1px dashed;
	border-color:96b9c6;
	font-family:georgia; z-index:5
}

DIV 	{FONT-SIZE: 10pt; TEXT-TRANSFORM: ; COLOR: 677784; LINE-HEIGHT: 13px; FONT-FAMILY: arial; TEXT-DECORATION: none; text-align: justify;
letter-spacing:-1px;
}

</style>

</div>

input.comment {
width: 150px; 
height: 11px; 
font-size: 10px; 
padding: 0px;
border: 1px; 
background-color:4d6978; 
font-family:times new roman; 
border-color:96b9c6}

.comment textarea {
width: 150px; 
height: 40px;
border: 1px; 
border-color:3e5765;  
background-color: 4d6978;
	padding: 1px; overflow: auto; color:white; font-family: times new roman
}

a, a:link, a:visited, a:active {
	color: 323e44;
	font-family: 'edwardian script itc', sans-serif;
	font-size: 30pt;font-weight: normal;
	line-height: 40pt; margin-left: 7px }
a:hover {
	text-decoration: none; 	margin-left: 7px ;
color: 57656d ;
	font-family: 'edwardian script itc', sans-serif;
	font-size: 30pt;
	 line-height: 40pt}

</style>

<div class="nav"><align=justify>
<a href="http://home.myspace.com/index.cfm?fuseaction=user&MyToken=9a424203-309d-433b-a0a2-15b82fba54fc">home</a>
<a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX">add</a>
<a href="http://collect.myspace.com/index.cfm?fuseaction=profile.mailTom&MyToken=XXXXXXXX">message</a>
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=XXXXXXXX">pictures</a>
<a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=XXXXXXXX">comment</a>
<a href="http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=XXXXXXXX">blogs</a>
<a href="http://friends.myspace.com/index.cfm?fuseaction=user.viewfriends&friendID=XXXXXXXX">friends</a>
<a href="http://collect.myspace.com/index.cfm?fuseaction=block.blockUser&userID=XXXXXXXX">block</a>
<BR><BR></div>

Layout Code

Copy and paste to I'd Like to Meet

Help

<div class="box1"><span class="first">about me</span>

<img src="http://cbimg6.com/layouts/07/09/22/21726ac.png" width=200 align=left>
replace all "XXXXXXXX" with your friend id. <br><br>this This layout was tested on Internet Explorer and Mozilla firefox. 
<br><br>
please donot steal codes, or customize without permission.

enjoy! :]<BR><BR><BR><BR><BR>

details about you here. details about you here. details about you here. details about you here. details about you here. details about you here. details about you here. details about you here. details about you here. details about you here. details about you here. details about you here. details about you here. details about you here. details about you here. details about you here. details about you here. details about you here. details about you here. details about you here. details about you here. details about you here. details about you here. details about you here. details about you here. details about you here. details about you here. details about you here. details about you here. details about you here. details about you here. details about you here. details about you here. details about you here. details about you here. details about you here.

<BR><BR><BR><BR>
<span class=first>pictures</span>
put your pictures here! ;; make sure they ARE NOT wider than 383px or there will be a scroll box!

<BR><BR><BR><BR>
<span class=first>extra space</span>
anything else you want here! anything else you want here! anything else you want here! anything else you want here! anything else you want here! anything else you want here! anything else you want here! anything else you want here! anything else you want here! anything else you want here! anything else you want here! anything else you want here! anything else you want here! anything else you want here! anything else you want here! anything else you want here! anything else you want here! anything else you want here! anything else you want here! anything else you want here! anything else you want here! anything else you want here! anything else you want here! anything else you want here!anything else you want here! anything else you want here! anything else you want here! anything else you want here! anything else you want here! anything else you want here! anything else you want here! anything else you want here! anything else you want here! anything else you want here! anything else you want here! anything else you want here!anything else you want here! anything else you want here! anything else you want here! anything else you want here! anything else you want here! anything else you want here! anything else you want here! anything else you want here! anything else you want here! anything else you want here! anything else you want here! anything else you want here!<span class=first>extra space</span>
anything else you want here! anything else you want here! anything else you want here! anything else you want here! anything else you want here! anything else you want here! anything else you want here! anything else you want here! anything else you want here! anything else you want here! anything else you want here! anything else you want here! anything else you want here! anything else you want here! anything else you want here! anything else you want here! anything else you want here! anything else you want here! anything else you want here! anything else you want here! anything else you want here! anything else you want here! anything else you want here! anything else you want here!anything else you want here! anything else you want here! anything else you want here! anything else you want here! anything else you want here! anything else you want here! anything else you want here! anything else you want here! anything else you want here! anything else you want here! anything else you want here! anything else you want here!anything else you want here! anything else you want here! anything else you want here! anything else you want here! anything else you want here! anything else you want here! anything else you want here! anything else you want here! anything else you want here! anything else you want here! anything else you want here! anything else you want here!
<BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>
<center>©2003-2007 MySpace.com. All Rights Reserved
</div>

<div class="box2"> 
<span class=first>comment</span>
<Center><form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.confirmComment" class="comment">
<input name="friendID" value="XXXXXXXX" type="hidden" />
<textarea name="f_comments">comments :]</textarea>
<input type="submit" class="comment" value="comment me!" >
</form></centeR>
<BR><BR>

<BR>
<span class=first>css tags</span>
<BR><BR>
<B>bold</b><BR>
<i>italicized</i><BR>
<u>underlined</u><BR>
<s>striked</s><BR>

<BR><BR><BR><BR>
<span class=first>contact</span>
<img src="http://cbimg6.com/layouts/07/09/22/21726ad.gif"><BR>
<img src="http://cbimg6.com/layouts/07/09/22/21726ae.gif"><BR>
<img src="http://cbimg6.com/layouts/07/09/22/21726af.gif"><BR>
</b>

<BR><BR><BR><BR>
<span class=first>music</span>
now playing here; or place music player here

<BR><BR><BR><BR>
<span class=first>extra space</span>
you can put anything else you want here :]

<BR><BR><BR><BR>
<span class=first>credits</span>
<A href="http://www.msplinks.com/MDFodHRwOi8vYmxpc3NmdWxjaGFvcy5jcmVhdGVibG9nLmNvbS8=">blissful&chaos</a>
<BR>photo taken by blissfulchaos,<BR>& adobe photoshop
</div>

Layout Comments

Showing latest 10 of 15 comments

bravo well done

By Sabastian on Jun 13, 2008 11:51 am

Yeah their is some alignment issues on Mozilla, nothing too noticeable You'd have to be paying attention for any kind of flaws to even notice

By Vaguememory on May 31, 2008 12:38 am

how we do for viewing friends comments ??

By blingbling75 on Feb 19, 2008 5:18 am

:/ well the music player i spent effin forever to find mp3s that i like to put on it wont' work because that music part is in "I'd like to meet" and not "About Me". I tried putting in a zillion flash codes and they won't work. :(

By n00dle on Oct 3, 2007 8:01 pm

theres a drma called "meteor garden" too

By sweet95summer on Sep 30, 2007 10:49 am

*LAYOUT!

By cennycen on Sep 27, 2007 1:47 pm

I LOVE THIS LAYOT!!! SOOO BEAUTIFUL!

By cennycen on Sep 27, 2007 1:46 pm

Beautiful picture, but it seems not to tie in with the layout too well. :/

By Faerytales on Sep 23, 2007 3:26 pm

I agree with brooklyn to. The image has bold, bright colors & the rest of the layout is kind of bland.

By SugaPwum on Sep 23, 2007 3:23 pm

This is really nice but I agree with brooklyn...

By schizo on Sep 23, 2007 9:18 am

View all »

Layout Details

Designer	kisstheboy
Submitted on	Sep 22, 2007
Page views	34,244
Favorites	199
Comments	15
Reviewer	IVIike
Approved on	Sep 22, 2007

Meteor Garden

Designer's Comments

Using This Layout

Update Friend ID

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates