Help Our Earth Div

Designer's Comments

Look carefully for specific instructions

-READ BEFORE USING!-

ONLY USE BY PEOPLE WITH IE!!
I don't have FF so I wouldn't know what it'd look like :P

This is my first time posting a div with this type of HTML-ing so it might be bad D:!

it took me a while to get it right so I hope it's not too confusing :o

I don't know if videos work on here since I haven't tried but they might not since they haven't in my previous divs. I have no clue why this is the case D:

ENJOYYY!

•Replace all XXXXXXX with friend ID

•Don't mess with the About Me unless you know what you're doing

•If you need help, i'll try to reply; I don't reply when people don't have a profile set-up

Thank you, sirs^^!

EARTH DAY :D!

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">
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,
.redbtext,.redtext,.blacktext12,.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;}

.comments{visibility:visible;width:0px; height:0px;position:absolute;
top:0px;left:0px; 
overflow:hidden;background-color:transparent;
border:black 0px solid;z-index:2px;}
</style>

body {
background-color:;
background-position: bottom;
background-image: url("http://cbimg9.com/layouts/08/04/19/26948aa.png");
background-repeat: repeat;
background-attachment: scroll;
</style>

table, tr, td {background-color: transparent; border: 0px; padding:2;}
table table {border: 0px;}
table table table table{border: 0px;}

body
{background-image:url('http://cbimg9.com/layouts/08/04/19/26948ab.png');}

{sets the default style for the body, table data, list data, divisions and text areas}
body,table, td, li, p, div, textarea  
{font:normal 11px "courier new"; color:000000; font-weight:none; border:0px; text-transform: none; line-height:18px;}

{class for the basic font for the page}
.text {font:normal 30px "verdana"; color:000000; font-weight:nond; border:0px; text-transform: none; line-

height:32px;}

This is how all anchor points will be displayed; anchor points appear before all links.}  
a{font-family:"century gothic"; font-size:18px; color:647cca; font-weight:none;border:0px; text-transform: lowercase; }  
a:link{font-family:"century gothic"; font-size:18px; color:647cca; font-weight:none;border:0px; text-transform:

lowercase;}
a:active{font-family:"century gothic"; font-size:18px; color:647cca; font-weight:none;border:0px; text-transform:

lowercase;}
a:visited{font-family:"century gothic"; font-size:18px; color:647cca; font-weight:none;border:0px; text-transform:

lowercase;}
a:hover{font-family:"century gothic"; font-size:18px; color:647cca; font-weight:none;border:0px; text-transform:

lowercase;}

div.rightc h1 {color:F1CB3C; display:block; border-bottom:1px dashed; border-bottom-color:F1CB3C; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:24px; letter-spacing:-2px; line-height:28px; text-transform:lowercase; font-weight:normal; text-decoration:none; text-align:right;}

{bolded words}
.standard b, p b, B, strong {
font-family:"verdana"; font-size:12px; color:74d376; font-weight:none;border:0px; text-transform: none; }

{italic words}
.standard i, p i, I, strong {
font-family:"tahoma"; font-size:12px; color:0090ff; font-weight:none;border:0px; text-transform: none; }

blockquote {
color: 4d7472;
background: fffc99;
font:tahoma, arial, serif;
font-size: 10px;
padding: 4px;
}

</style>

<style>

.content {
font-family: tahoma;
text-align: justify;
background-color:f1fff5;
font-color:001329;
font-size: 8pt;
font-weight: normal;
padding: 3px;
text-align: justify;
border: 0px solid #383838;
}

.head {
font-color:74d376;
line-height: 13px;
text-align:left;
border-bottom: 1px dotted;
border-bottom-color:74d376;
font-size:20px;
padding: 3px;
font-family: arial black;
text-transform: uppercase;
font-weight: none;
background-color:f1fff5;
}

.head2 {
font-color:efff8d;
line-height: 13px;
text-align:left;
border-bottom: 1px dotted;
border-bottom-color:f4cf5d;
font-size:20px;
padding: 3px;
font-family: arial black;
text-transform: uppercase;
font-weight: none;
background-color:f1fff5;
}

}

a {text-decoration: none; color: #647cca; font-family:century gothic; font-size: 18px; font-weight; bold;  background-color:f1fff5; text-align: left; width: 311; border-bottom: 1px solid; color:#434a5e;  border-right: 0px solid; cursor: crosshair;}

a:hover {text-decoration: none; color: #647cca; font-family:century gothic; font-size: 18px;  font-weight; bold;  background-color: c4dbe8; text-align: right; width: 311; border-color:f1fff5; border-bottom: 0px solid; border-right: 0px solid; cursor: crosshair;}

.link1
{z-index:5;line-height:0px;position:absolute;width:150px;height:253px;left:1031;top:589}
.name1{height:43px; width: 85px; overflow: auto; background: 
url(http://cbimg9.com/layouts/08/04/19/26948ac.png) top left no-repeat; 
display: block;}
.name1:hover{background-position: bottom left;}

.link2
{z-index:5;line-height:0px;position:absolute;width:150px;height:253px;left:1049;top:637}
.name2{height: 47px; width: 70px; overflow: auto; background: 
url(http://cbimg9.com/layouts/08/04/19/26948ad.png) top left no-repeat; 
display: block;}
.name2:hover{background-position: bottom left;}

.link3
{z-index:5;line-height:0px;position:absolute;width:150px;height:274px;left:1034;top:674}
.name3{height: 49px; width: 90px; overflow: auto; background: 
url(http://cbimg9.com/layouts/08/04/19/26948ae.png) top left no-repeat; 
display: block;}
.name3:hover{background-position: bottom left;}

.link4
{z-index:5;line-height:0px;position:absolute;width:150px;height:254px;left:1042;top:725}
.name4{height: 48px; width: 76px; overflow: auto; background: 
url(http://cbimg9.com/layouts/08/04/19/26948af.png) top left no-repeat; 
display: block;}
.name4:hover{background-position: bottom left;}

.link5
{z-index:5;line-height:0px;position:absolute;width:150px;height:254px;left:1013;top:773}
.name5{height: 46px; width: 110px; overflow: auto; background: 
url(http://cbimg9.com/layouts/08/04/19/26948ag.png) top left no-repeat; 
display: block;}
.name5:hover{background-position: bottom left;}

.link6
{z-index:5;line-height:0px;position:absolute;width:150px;height:254px;left:1034;top:825}
.name6{height: 38px; width: 96px; overflow: auto; background: 
url(http://cbimg9.com/layouts/08/04/19/26948ah.png) top left no-repeat; 
display: block;}
.name6:hover{background-position: bottom left;}

textarea.quack {
background-image: url("");
background-repeat: no-repeat;

</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

</td></tr></table></td></tr></table></td></tr></table></div>

<div

class="credit" style="position: absolute; top:165px; left:-100px; width:495px;
height:70px; overflow: auto;">

</div>

-ABOUT ME HEADER-

</span>

</p>

<img src="http://cbimg9.com/layouts/08/04/19/26948aj.gif" align="left"> Write about yourself here! Write about yourself here! Write about yourself here! Write about yourself here! Write about yourself here! Write about yourself here! Write about yourself here! Write about yourself here! Write about yourself here! Write about yourself here! Write about yourself here! Write about yourself here! Write about yourself here! Write about yourself here! Write about yourself here! Write about yourself here! Write about yourself here! Write about yourself here! Write about yourself here! Write about yourself here! Write about yourself here! Write about yourself here! Write about yourself here! Write about yourself here! Write about yourself here! Write about yourself here! Write about yourself here! Write about yourself here! Write about yourself here! Write about yourself here! Write about yourself here! Write about yourself here! Write about yourself here! Write about yourself here! Write about yourself here! Write about yourself here! Write about yourself here! Write about yourself here! Write about yourself here! Write about yourself here! Write about yourself here! Write about yourself here! Write about yourself here! Write about yourself here! Write about yourself here! Write about yourself here! Write about yourself here! Write about yourself here! Write about yourself here! 
<br>

<p class="head">
<span style="color : #74d376;">-SECOND LEFT COLUMN HEADER-</span>
</p>

<B><U>INTERESTS!?:</B></U>
put anything you'd like here :]....put anything you'd like here :]....put anything you'd like here :]....put anything you'd like here :]....put anything you'd like here :]....put anything you'd like here :]....put anything you'd like here :]....

-EXTRA BOX-

</span>
</p>

take this code and past it under a section to add a new one :]! take this code and past it under a section to add a new one :]! take this code and past it under a section to add a new one :]! take this code and past it under a section to add a new one :]! take this code and past it under a section to add a new one :]! take this code and past it under a section to add a new one :]! take this code and past it under a section to add a new one :]! take this code and past it under a section to add a new one :]! take this code and past it under a section to add a new one :]!

</div>

-NAVIGATION HEADER-

</span>

</p>

<a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX&MyToken=18d71365-ff92-4af8-98f0-87d3b596e892"><B>!</B>message</a>

<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=XXXXXXXX">photos<B>!</B></a>

<a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=XXXXXXXX&MyToken=18d71365-ff92-4af8-98f0-87d3b596e892"><B>!</B>comment</a>

-SECOND RIGHT COLUMN HEADER-

</span>
</p>

pictures maybe?
<img src=http://cbimg9.com/layouts/08/04/19/26948aj.gif>

</div>

</td></tr></table></td></tr></table>
<div class="comt"><table class="on"><tr><td><table><tr><td>
<style>.r{}</style>

</td></tr></table></td></tr></table>
<div class="comt"><table class="off"><tr><td><table><tr><td>

Layout Comments

Showing latest 10 of 27 comments

i love this but when i tried it, it would have some blank stuff at the top
what do i do?! im new to this

By riseluna on Sep 5, 2009 1:38 pm

lol, the banner is real good and cute too. I like this a lot. Excellent job. :)

By Mikeplyts on Feb 8, 2009 1:29 pm

this is so adorable! help our Earth!

By TiffanyFactorial on Oct 12, 2008 8:41 am

love the soft colors and the image is adorable.
(:

By lolitalove on Sep 29, 2008 8:48 pm

i love this layout! so awesomely awesome.
but um, why doesn't my music work?

By seepeace on Sep 4, 2008 2:39 pm

cute. i love the image.

By sleepwalkwithme on Apr 21, 2008 7:13 pm

this is very sweet! the image is lovely and the layout itself is very nice, only thing i'd say is quite weak here is the navigation.
however, its very well laid out, so you've pulled it off nicely.

By vintage-toile on Apr 21, 2008 6:52 am

this completely rocks the house. :D

By Tony-Alex on Apr 20, 2008 10:31 pm

Just awsome! ^_^

By ravishingdiamondz on Apr 20, 2008 8:52 pm

I wish it were centered... I guess I can alter it myself.

Great work though, I like the colors, fonts, and the layout.

By izikdela on Apr 20, 2008 8:14 pm

View all »

Layout Details

Designer	ohshizzproductions
Submitted on	Apr 18, 2008
Page views	26,014
Favorites	305
Comments	27
Reviewer	miyashu
Approved on	Apr 19, 2008

Help Our Earth Div

Designer's Comments

Using This Layout

Update Friend ID

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates