Green Leave (DIV)

Designer's Comments

Look carefully for specific instructions

- The only section you need to edit is Who I'd Like to Meet
- Replace all YOURNUMBERHEREs with your friend ID
- Don't take my credits off the layout please

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 div table td form{display:none;}
table, tr, td {background:transparent;} table table table table, table.contactTable {display:none;} td.text table{visibility:hidden;}.nametext, .whitetext12, .orangetext15 {display:none;}div table td font {display: none;}body {background-color:D3E2C3;} td.text table table{display:inline;visibility:visible;}table, td{border-width:0px;}.byebye{display:none;}

.about{
overflow: auto;
scrollbar-face-color:647A19;
scrollbar-arrow-color:7A9E4A;
scrollbar-track-color:647A19;
scrollbar-shadow-color:7A9E4A;
scrollbar-highlight-color:647A19;
scrollbar-3dlight-color:7A9E4A;
scrollbar-darkshadow-Color:647A19;
filter:chroma(color=647A19);
}

.image1{
  position: absolute; 
  left: 50%; 
  top:225px;
  margin-left:-335px; 
  height: 265px; 
  width: 660px;
  background-color:color here;
  z-index:1;
}
.about{
  position: absolute; 
  left: 50%; 
  top:241px;
  margin-left:-189px; 
  height: 233px; 
  width: 500px;
  background-color:color here;
  z-index:1;
  overflow: auto;
}
.rollover1{
  position: absolute; 
  left: 50%; 
  top:193px;
  margin-left:-335px; 
  height: 62px; 
  width: 82px;
  background-color:color here;
  z-index:1;
}
.artlink{
height: 31px; 
  width:82px; 
  overflow: hidden; 
  background: url(http://layouts.cbimg8.com/34/17303c.jpg) top left no-repeat; 
  display: block;
  } 
.artlink:hover{
  background: url(http://layouts.cbimg8.com/34/17303c.jpg) bottom left no-repeat; 
  }
.rollover2{
  position: absolute; 
  left: 50%; 
  top:193px;
  margin-left:-254px; 
  height: 62px; 
  width: 82px;
  background-color:color here;
  z-index:1;
}
.artlink2{
height: 31px; 
  width:82px; 
  overflow: hidden; 
  background: url(http://layouts.cbimg8.com/34/17303d.jpg) top left no-repeat; 
  display: block;
  } 
.artlink2:hover{
  background: url(http://layouts.cbimg8.com/34/17303d.jpg) bottom left no-repeat; 
  }
.rollover3{
  position: absolute; 
  left: 50%; 
  top:193px;
  margin-left:-173px; 
  height: 62px; 
  width: 82px;
  background-color:color here;
  z-index:1;
}
.artlink3{
height: 31px; 
  width:82px; 
  overflow: hidden; 
  background: url(http://layouts.cbimg8.com/34/17303e.jpg) top left no-repeat; 
  display: block;
  } 
.artlink3:hover{
  background: url(http://layouts.cbimg8.com/34/17303e.jpg) bottom left no-repeat; 
  }
.rollover4{
  position: absolute; 
  left: 50%; 
  top:193px;
  margin-left:-92px; 
  height: 62px; 
  width: 82px;
  background-color:color here;
  z-index:1;
}
.artlink4{
height: 31px; 
  width:82px; 
  overflow: hidden; 
  background: url(http://layouts.cbimg8.com/34/17303f.jpg) top left no-repeat; 
  display: block;
  } 
.artlink4:hover{
  background: url(http://layouts.cbimg8.com/34/17303f.jpg) bottom left no-repeat; 
  }
.rollover5{
  position: absolute; 
  left: 50%; 
  top:193px;
  margin-left:-11px; 
  height: 62px; 
  width: 82px;
  background-color:color here;
  z-index:1;
}
.artlink5{
height: 31px; 
  width:82px; 
  overflow: hidden; 
  background: url(http://layouts.cbimg8.com/34/17303g.jpg) top left no-repeat; 
  display: block;
  } 
.artlink5:hover{
  background: url(http://layouts.cbimg8.com/34/17303g.jpg) bottom left no-repeat; 
  }
.design{
  position: absolute; 
  left: 50%; 
  top:490px;
  margin-left:236px; 
  height: 62px; 
  width: 82px;
  background-color:color here;
  z-index:1;
}
</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<div class="image1">
<img src="http://layouts.cbimg8.com/34/17303h.jpg"></a>
</div>
<div class="about">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla congue imperdiet massa. Nulla interdum. Integer sit amet odio in est dictum blandit. Vivamus tempus justo at magna. Phasellus dapibus ipsum quis metus. Vestibulum tempor ipsum quis dolor. Etiam varius rutrum felis. Ut quis sapien. Nullam dui dui, malesuada sed, rhoncus vitae, pharetra at, metus. Suspendisse potenti. Curabitur eget sapien at neque pulvinar rhoncus. Maecenas accumsan tristique odio. Sed in sem. Quisque pharetra, nulla et tristique posuere, lorem augue dignissim ligula, vel iaculis arcu est non mi. Pellentesque et lectus. Ut bibendum turpis viverra libero. 
<br>
Integer eget pede. Vestibulum eu tortor et magna molestie tincidunt. Cras porta facilisis felis. Duis ante felis, aliquet at, aliquet eget, convallis ac, sapien. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer quis urna. Duis ut nisl. Etiam mauris purus, lobortis at, condimentum in, lacinia sed, magna. Curabitur sem velit, ullamcorper sed, blandit ut, consectetuer vitae, metus. Pellentesque venenatis felis quis metus. Praesent vitae massa quis justo hendrerit aliquet.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla congue imperdiet massa. Nulla interdum. Integer sit amet odio in est dictum blandit. Vivamus tempus justo at magna. Phasellus dapibus ipsum quis metus. Vestibulum tempor ipsum quis dolor. Etiam varius rutrum felis. Ut quis sapien. Nullam dui dui, malesuada sed, rhoncus vitae, pharetra at, metus. Suspendisse potenti. Curabitur eget sapien at neque pulvinar rhoncus. Maecenas accumsan tristique odio. Sed in sem. Quisque pharetra, nulla et tristique posuere, lorem augue dignissim ligula, vel iaculis arcu est non mi. Pellentesque et lectus. Ut bibendum turpis viverra libero. 
<br>
Integer eget pede. Vestibulum eu tortor et magna molestie tincidunt. Cras porta facilisis felis. Duis ante felis, aliquet at, aliquet eget, convallis ac, sapien. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer quis urna. Duis ut nisl. Etiam mauris purus, lobortis at, condimentum in, lacinia sed, magna. Curabitur sem velit, ullamcorper sed, blandit ut, consectetuer vitae, metus. Pellentesque venenatis felis quis metus. Praesent vitae massa quis justo hendrerit aliquet.

</div>
<div class="rollover1">
<a href="http://home.myspace.com/index.cfm?fuseaction=user" class="artlink"></a>
</div>
<div class="rollover2">
<a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=YOURNUMBERHERE" class="artlink2"></a>
</div>
<div class="rollover3">
<a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=YOURNUMBERHERE" class="artlink3"></a>
</div>
<div class="rollover4">
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=YOURNUMBERHERE" class="artlink4"></a>
</div>
<div class="rollover5">
<a href="http://collect.myspace.com/index.cfm?fuseaction=block.blockUser&userID=YOURNUMBERHERE" class="artlink5"></a>
</div>
<div class="design">
<a href="http://www.createblog.com/layouts/index.php?author_id=503024"><img src="http://layouts.cbimg8.com/34/17303i.gif" border="0"></a>
</div>
<div class="byebye"><table><tr><td><table><tr><td>

Layout Comments

Showing latest 10 of 23 comments

nice [:

By Gossip on Jun 11, 2008 5:17 pm

Yeah really nice but NO COMMMENT LINK!
Why?

By NICKAWHAT on Apr 18, 2008 1:02 pm

this layout is so perfect.
its simple, and clear.
not cluttered or confusing

perfect [=

By glivorem on Feb 17, 2008 8:09 pm

Oh this is wonderful. I love it :]

By helloashley on Jun 20, 2007 10:22 pm

A lot of people are saying that this layout is too simple, but when I found it, it's exactly what I was looking for, something crisp, simple and nice. Thank you for making this layout. =]

By blurrymonkey on Jun 7, 2007 1:50 pm

Cool layout but the music player shows through and covers the text area.-Xain

By xain on May 10, 2007 10:59 pm

I like it. I just wish that you would've put a comment link on the nav bar. Btw, the nav is unique I like it. I love the green in it, it's a good simple layout next time just try to make them a bit bigger.

By tamerofhope on Apr 2, 2007 10:08 am

QUOTE(anime.essence @ Apr 1 2007, 9:45 PM) [snapback]2514977[/snapback]I agree with this design being very simple. The leaf, to me, seems to be a bit blurry and low quality. I first thought it was the skin of a fat caterpillar or something. i w

By IVIike on Apr 2, 2007 9:52 am

I love that it is simple. We barely have any simple layouts that actually look good. Simple is better sometimes.

By toyo loco on Apr 1, 2007 9:51 pm

Haha - the skin of a 'fat' caterpillar specifically Ricky?Pretty much what everyone else has said; the hover on the navigation is the best touch. I think you could get away with this layout if you did something, anything, brush work etc to the ima

By flaymzofice on Apr 1, 2007 9:50 pm

View all »

Layout Details

Designer	Detective
Submitted on	Apr 1, 2007
Page views	47,022
Favorites	89
Comments	23

Green Leave (DIV)

Designer's Comments

Using This Layout

Update Friend ID

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates