Forest Life

Myspace Layouts / Div Overlay

View preview

Designer's Comments

Look carefully for specific instructions

> You MUST replace all the XXXXXXXXs in the 'I'd like to meet' code before you do anything else!

> You must also replace the XXXXXXX at the bottom of the 'I'd like to meet' code for the comment box with your friend ID

> Replace the 'YUM' with whatever you wish to write

>Help

>Ooh La Layouts

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

<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>
.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>
<style>.r{}</style>

<style>td td embed, td td object{position:absolute; left:5px; top:5px; width:45px; height:45px; border:4px; border-style:solid; border-color:85b601;}
td.text embed {width:45px; height:45px;}
td.text embed, td.text object {width:45px; height:45px;}</style>
<style>body div table tbody tr td font {visibility:hidden;}
body div table tbody tr td a font, .navbar {visibility:visible;}</style>

Layout Code

Copy and paste to I'd Like to Meet

<style>.r{}</style>
<style>table, tr, td { background-color:transparent; border:none; border-width:0;} table table a img{ border-width:0px;}a, a.man, a:link, a:visited{font-family:century gothic;color:03153a; font-size:10pt; font-weight:bold; text-decoration:bold; font-style:normal} a:active, a:hover{font-family:century gothic;color:white; font-size:8pt; font-weight:bold; text-decoration:line-through; font-style:normal;}td, table, tr, span, li, p, div, textarea, DIV {font-family:century gothic;font-size:10pt;color:white; font-weight:bold; font-decoration:bold; font-style:normal;background-color:transparent} td, li, p, div, textarea {font-family:century gothic;border-color:black} table{border-color:black}a.navbar{font-family:century gothic; color:blackfont-size:10pt; text-decoration:none; font-weight:normal; font-style:normal;}a.navbar:link{color:blackfont-size:10pt; text-decoration:none; font-weight:normal; font-style:normal;}a.navbar:active{color:font-size:8pt; text-decoration:none; font-weight:normal; font-style:normal;}a.navbar:visited{color:blackfont-size:10pt; text-decoration:none; font-weight:normal; font-style:normal;}a.navbar:hover{color:font-size:8pt; text-decoration:none; font-weight:normal; font-style:normal;}a.searchlinkSmall{font-family:century gothic;font-size:10pt;color:blackfont-size:10pt; text-decoration:none; font-weight:normal; font-style:normal;}a.searchlinkSmall:link{font-family:century gothic;font-size:10pt;color:blackfont-size:10pt; text-decoration:none; font-weight:normal; font-style:normal;}a.searchlinkSmall:active{font-family:century gothic;font-size:10pt;color:font-size:8pt; text-decoration:none; font-weight:normal; font-style:normal;}a.searchlinkSmall:visited
{font-family:Arial, arial, times new roman;font-size:10pt;color:blackfont-size:10pt; text-decoration:none; font-weight:normal; font-style:normal;}a.searchlinkSmall:hover{font-
family:century gothic;font-size:10pt;color:font-size:8pt; text-decoration:none; font-weight:normal; font-style:normal;}body{font-family:century gothic;background-color:transparent;background-image:url(); background-position:0%; background-repeat:repeat; background-attachment:fixed;}.nametext{font-family:script;font-size:10pt;color:black; font-weight:normal;}.blacktext10{font-family:century gothic;font-size:10pt; color:black; font-weight:normal;}.blacktext12{font-family:century gothic;font-size:10pt; color:black; font-weight:normal;}.btext, .itext, .text{font-family:century gothic;font-size:10pt; color:black; font-weight:normal;}.orangetext15{font-family:century gothic;font-size:10pt;color:black; font-weight:normal;}.lightbluetext8{font-family:century gothic;font-size:10pt; color:black; font-weight:normal;}.whitetext12{font-family:century gothic;font-size:10pt; color:black; font-weight:normal;}.tmz_imp{font-family:century gothic;color:black;font-weight:bold}.standard b, p b, B, strong{font-family:century gothic;color:03153a;}.standard u, U {font-family:century gothic;color:03153a;}.standard i, I {font-family:century gothic;color:03153a;}table table table{background-color:transparent}table table table table a img{}table table table table a:hover img{}body{background-image:url(); background-color:03153a; background-position:0%; background-repeat:repeat; background-attachment:scroll; 
scrollbar-face-color: 85b601;
scrollbar-highlight-color:03153a; 
scrollbar-3dlight-color:03153a; 
scrollbar-shadow-color:03153a; 
scrollbar-darkshadow-color:03153a; 
scrollbar-track-color:03153a; 
scrollbar-arrow-color:85b601;}<br /><br /></style>

<div class="CONTENT" style="position: absolute; background-color:transparent; background-image:url(); background-position:0%; background-repeat:repeat; background-attachment:fixed; margin-left:-405px; left:50%; top:110px;  overflow: auto;"><center><br />
<img src="http://cbimg6.com/layouts/08/09/31696aa.png" usemap="#tree" border="0" /><map name="tree">

<area shape="rect" alt="home" coords="559,409 625,430" href="http://home.myspace.com/index.cfm?fuseaction=user" />

<area shape="rect" alt="message" coords="567,466 619,487" href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX" />

<area shape="rect" alt="pictures" coords="568,492 619,516" href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=XXXXXXXX" />

<area shape="rect" alt="friends" coords="550,519 635,540" href="http://friends.myspace.com/index.cfm?fuseaction=user.viewfriends&friendID=XXXXXXXX" />

<area shape="rect" alt="block" coords="560,576 625,596" href="http://collect.myspace.com/index.cfm?fuseaction=block.blockUser&userID=XXXXXXXX" />

<area shape="rect" alt="blog" coords="567,547 619,569" href="http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=XXXXXXXX" />

<area shape="rect" alt="add" coords="570,435 617,547" href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX" />

<area shape="rect" alt="ooh la layouts" coords="725,554 785,586" href="164745114" />

<br />

</map></font></a></center></div>

<div class="CONTENT" style="position: absolute; background-color:transparent; background-image:url(); background-position:0%; background-repeat:repeat; background-attachment:fixed; margin-left:-280px; left:50%;  top:210px; width:230px; height:170px; overflow: auto;"><center>
<br />
YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM 
YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM YUM 
<br />
</font></a>
</center>
</div>

<div class="CONTENT" style="position: absolute; background-color:transparent; background-image:url(); background-position:0%; background-repeat:repeat; background-attachment:fixed; margin-left:80px; left:50%;  top:360px; width:210px; height:220px;"><center>

<style>textarea.area{
background-color:transparent;
background-image:url();
background-repeat:repeat;
width:120px;
height:100px;
font-family:century gothic;
font-weight:bold;
color:white;
font-size:12px;
border:0px solid;}

input.button {
color:85b601;
font-size:10px;
width:120px;
height:20px;
text-align: center;
font-family:century gothic;
background-color:03153a;
font-weight: bold;
border:0px;
line-height:11px;}
</style>

<form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment">
<input name="friendID" value="164745114" type="hidden" />
<textarea name="f_comments" class="area">Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla 
</textarea><br />
<input type="submit" class="button" value="send" /></form>
</div>

<div style="position: absolute; left:0px; top:0px; width:0px; height:0px; overflow: auto;">
<table><tr><td><table><tr><td>
</div>
<style>.r{}</style>
<style>.r{}</style>

Layout Comments

Showing latest 8 of 8 comments

pretty cute.

By Mikeplyts on Jun 23, 2009 8:33 am

aww. cutee. =)

By heyybeautifull on Oct 24, 2008 11:50 am

awesome.

By futura on Sep 29, 2008 1:32 am

This is really, really adorable!

By tehmiminator on Sep 28, 2008 9:52 pm

cute & simple. :)

By mizzkewl06 on Sep 28, 2008 9:46 pm

I love it. But I would've chosen a lighter brown for the tree trunks.

By dilligrout on Sep 28, 2008 9:34 pm

Quite simple with the Nav -- needs rollovers -- but cute.

By livwho on Sep 28, 2008 5:52 pm

cute:]

By neinernever on Sep 28, 2008 4:09 pm

Layout Details

Designer	oohlalayouts
Submitted on	Sep 28, 2008
Page views	9,750
Favorites	69
Comments	8
Reviewer	jaeminnie
Approved on	Sep 28, 2008

Layout Colors

Layout Tags

cute, nature, objects, ooh la layouts, oohlalayouts, imason20, forest, rabbit, tree

Layout Tools

Layout Affiliates

Here I Stand Layouts