Green Finch.

Designer's Comments

Look carefully for specific instructions

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

I made this for my website in July and finally managed to convert it to Myspace now. It's not that I couldn't do it, I was just too lazy.

The vector and everything else in the layout were made by me. Yes, it does cover part of the ad in Firefox. Trust me, you won't be deleted for it.

Like this? Take the time to visit my website & myspace to see more.

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-image: url(http://cbimg9.com/layouts/08/11/32556ad.png);
	background-position:left;
	background-attachment:scroll;
	background-repeat: repeat-y;
	background-color:a6936e;
	overflow-x:hidden;}

.header1{
position: absolute; 
left:0px;
top:0px;
z-index:0;}

.header2{
position: absolute; 
left:0px;
top:248px;}

.header3{
position: absolute; 
left:0px;
top:497px;}

.content{
position: absolute; 
left:265px;
top:560px;
width:437px;
overflow-x:hidden;}

.left{
position: absolute; 
left:22px;
top:680px;
width:210px;
text-align:left;}

h1{
font-family:georgia; 
font-size:20px; 
line-height:24px;
letter-spacing:0px;
color:495824; 
font-weight:100;
text-align:right;
width:100%;
background-color:transparent;
display:block;
text-transform: uppercase;
margin-bottom: 8px;
margin-top: 8px;
margin-left: 0px;
margin-right: 0px;
border-bottom:1px dotted;
border-color:000000;}

h1:first-letter{
color:495824;
font-size:24px;}

div, table, p {
font:11px georgia;
line-height:18px;}

textarea, input { 
color: 000;
text-align: left;
border:1px solid;
border-color: 000;
background-image: url();
background-repeat:repeat;
background-attachment:scroll;
background-color:bfb197;}

a:active,a:visited,a:link,a{
font-family:georgia; 
font-size:11px; 
line-height:18px;
color:303030; 
font-weight:none;
letter-spacing:0px;
border:0px; 
text-transform: none;
text-decoration:none;}

a:hover{
font-family:georgia; 
font-size:11px; 
line-height:18px;
color:495824; 
font-weight:none;
letter-spacing:0px;
border:0px; 
text-transform: none;
text-decoration:none;}

a.nav:link, a.nav:visited, a.nav:active {
display:block;
border: none; 
width:100px; 
color:000000; 
background-color:d0c6b2; 
letter-spacing: 0px; 
text-transform:capitalize; 
font: 12px georgia; 
text-align: right; 
background-image:url(); 
background-position:right; 
background-repeat:no-repeat; 
margin-bottom: 2px;}

a.nav:hover {
display:block;
border: none; 
width:100px; 
color:000000; 
background-color:a5926d; 
letter-spacing: 0px; 
text-transform:capitalize; 
font: 12px georgia; 
text-align: right; 
background-image:url(); 
background-position:right; 
background-repeat:no-repeat; 
margin-bottom: 2px;}

B{
font-family:georgia; 
font-size:12px; 
line-height:18px;
color:495824; 
font-weight:300;
letter-spacing:0px;
border:0px; 
text-transform:uppercase;
text-decoration:none;}

textarea.area{
background-color:d0c6b2;
background-image:url();
background-repeat:repeat;
width:200px;
height:60px;
font-family:georgia;
text-transform: none;
color:000000;
line-height:25px;
font-size:22px;
border:0px solid;
border-color:000;
letter-spacing:-1px;
overflow:hidden;
}

input.button {
color:000000;
text-transform: none;
font-size:9px;
width:200px;
height:14px;
text-align: center;
font-family:georgia;
background-color:d0c6b2;
border:0px solid;
border-color:000;
line-height:9px;
font-weight: normal;}

table table div form {display:inline !important;}
.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;}
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;}
table div div{visibility:hidden;!important;}
table table table table,table table table table td.text, td.text td.text table{display:none;}
body div div form {display:none !important;}td td embed, td td embed, td td object{position:absolute;top:0px;right:0px;width:0px;}div div div select {position:absolute !important;  margin-left:-1000px !important; left:0px !important; display:none !important; }div div table div {display:none;} div div table div {display:none;}div div table div {display:none;} div div, div td {background-color:transparent; background-image:none!important;}
div.profileWidth {margin-top: -30px !important;}div.profileWidth div {filter:alpha(opacity=0); opacity:0.0001}div.profileWidth div.clearfix, i i i, 
div.profileWidth div div {filter:none; opacity:0.9999}div.profileWidth div.clearfix {position:relative; top:30px}
div div select, div div form {display:none !important;}
div div table div {display:none;} .clearfix table div div {display:block;} 
.profile, div ul {display:none !important;}

</style>
  
<div class="header1">
<img src="http://cbimg9.com/layouts/08/11/32556aa.png">
</div> 
<div class="header2">
<img src="http://cbimg9.com/layouts/08/11/32556ab.png">
</div>  
<div class="header3">
<img src="http://cbimg9.com/layouts/08/11/32556ac.png"   usemap="#credit" border="0"><map name="credit">
<area shape="rect" coords="610,674 719,680" href="http://www.atomicaffliction.com"></map>
</div>

<div class="content">
<h1>About Me</h1>
<p align="justify">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque purus risus, volutpat quis, consectetuer a, ullamcorper a, pede. Aliquam non massa. Phasellus vulputate orci vel augue. Fusce pretium mollis sapien. Duis non magna. Quisque felis purus, vulputate vitae, tempus eu, commodo at, purus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aenean tincidunt libero. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In dictum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque purus risus, volutpat quis, consectetuer a, ullamcorper a, pede. Aliquam non massa. Phasellus vulputate orci vel augue. Fusce pretium mollis sapien. Duis non magna. Quisque felis purus, vulputate vitae, tempus eu, commodo at, purus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aenean tincidunt libero. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In dictum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque purus risus, volutpat quis, consectetuer a, ullamcorper a, pede. Aliquam non massa. Phasellus vulputate orci vel augue. Fusce pretium mollis sapien. Duis non magna. Quisque felis purus, vulputate vitae, tempus eu, commodo at, purus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aenean tincidunt libero. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In dictum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque purus risus, volutpat quis, consectetuer a, ullamcorper a, pede. Aliquam non massa. Phasellus vulputate orci vel augue. Fusce pretium mollis sapien. Duis non magna. Quisque felis purus, vulputate vitae, tempus eu, commodo at, purus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aenean tincidunt libero. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In dictum. Aliquam non massa. Phasellus vulputate orci vel augue. Fusce pretium mollis sapien. Duis non magna. Quisque felis purus, vulputate vitae, tempus eu, commodo at, purus. 
</p>
</div>

<div class="left">
<h1>Basics</h1>
<b>Name:</b> Your name<br>
<b>Age:</b> Your age<br>
<b>Location:</b> Your location<br>

<h1>Navigate</h1>
<table width="200">
<td width="100">
<a class="nav" href="http://home.myspace.com/index.cfm?fuseaction=user" target="new">home</a>
<a class="nav" href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX&MyToken=60073af5-e929-4c7a-b357-3f1b6da0bbfb" target="new">message</a>
<a class="nav" href="http://comment.myspace.com/index.cfm?fuseaction=user.viewComments&friendID=XXXXXXXX&MyToken=7d1e46ab-1a45-4043-bd00-2b6c4fcd1c8b" target="new">comments</a>
<a class="nav" href="http://friends.myspace.com/index.cfm?fuseaction=block.blockUser&userID=XXXXXXXX" target="new">block</a>
</td>

<td width="100">
<a class="nav" href="http://messaging.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX">pictures</a>
<a class="nav" href="http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=XXXXXXXX">blogs</a>
<a class="nav" href="http://home.myspace.com/Modules/ViewFriends/FriendsView.aspx?friendID=XXXXXXXX">friends</a>
<a class="nav" href="http://messaging.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX">add</a>
</td></table>

<h1>Comment</h1>
<center>
<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="submit"></form>
</center>
</div>

Layout Comments

Showing latest 10 of 31 comments

Maybe it's just on FF but it only shows half of the add. :T I

By WizardMadds on Jun 16, 2009 11:46 am

love this one! awesome job!

By calilani on Mar 26, 2009 2:52 pm

I LOVE this layout, it's so unique. I have this as my myspace layout right now. I have one problem though...I can't get to my pictures! When I click on the "pictures" link, it directs me to the same place as the "friends" link. What do I do?

By dear on Feb 15, 2009 12:32 pm

this is just adorable.

By taccora on Feb 2, 2009 1:39 am

Extraordinary.

By emberfly on Feb 1, 2009 1:47 pm

I adore this,
i remember thinking how amazing it was when it was your website layout,
amazing job, as always!

By SammyTheHeadbutt on Nov 24, 2008 5:44 pm

this is AMAZING! :D

By tokiogirllovesbill on Nov 22, 2008 5:33 am

aw, cute.
I love vector, the bird is lovely.
And I like how the blues and purples blend in.
Also, how the tables begin right underneath the branch.

By lolitalove on Nov 21, 2008 7:33 pm

nice i like it

By twodreamlovers on Nov 19, 2008 8:19 pm

"I didn't resubmit it. It used to be my website layout and I made a topic about it in the Showcase Booth. I just turned it into a MS layout yesterday." -Me, about three comments down. ;)

I don't use Opera, sorry. D:

By schizo on Nov 17, 2008 7:52 pm

View all »

Layout Details

Designer	schizo
Submitted on	Nov 15, 2008
Page views	14,994
Favorites	192
Comments	31
Reviewer	micron
Approved on	Nov 15, 2008

Green Finch.

Designer's Comments

Using This Layout

Update Friend ID

Layout Code

Layout Comments

Layout Details

Layout Colors

Layout Tags

Layout Tools

Layout Affiliates