Go Green

replace all XXXXXX's with your friend id

• 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

<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><div class="bg" style="position: absolute; left:100px; top:162px; width:800px; height:525px; overflow: hidden;"> <IMG SRC="http://cbimg9.com/layouts/08/04/22/27045aa.png" WIDTH=800 HEIGHT=600> </div> <STYLE> div.navigation a:link, div.navigation a:active, div.navigation a:visited, div.navigation a:hover {background-color:FF00A2;width:125px;display:block;padding:1px;color:000000;font-family:georgia; font-size:8pt;text-transform:lowercase;letter-spacing:1pt;text-decoration:none;text-align: center;margin-bottom:1px;font-weight:normal;} div.navigation a:hover{color:000000;font-family:georgia;font-style:normal;background-color:00FE30 !important;font-weight:normal;} </style> <div class="content" style="position: absolute; left:245px; top:375px; width:300px; height:225px; overflow: auto;"> <div align=left><br> ABOUT ME HERE.<br> text. <b>bold.</b> <i>italics.</i> <u>underline.</u> </div> </div> </div> <style type="text/css"> .link1{z-index:5;line-height:10px;position: absolute;width:76px;height:33px;left:510;top:280} .link2{z-index:5;line-height:10px;position: absolute;width:73px;height:35px;left:550;top:305} .link3{z-index:5;line-height:10px;position: absolute;width:127px;height:37px;left:585;top:340} .link4{z-index:5;line-height:10px;position: absolute;width:134px;height:38px;left:615;top:377} .link5{z-index:5;line-height:10px;position: absolute;width:122px;height:43px;left:645;top:411} .name1{height: 33px; width: 76px; overflow: hidden; background: url(http://cbimg9.com/layouts/08/04/22/27045ab.png) top left no-repeat; display: block;} .name1:hover{background-position: bottom left;} .name2{height: 35px; width: 73px; overflow: hidden; background: url(http://cbimg9.com/layouts/08/04/22/27045ac.png) top left no-repeat; display: block;} .name2:hover{background-position: bottom left;} .name3{height:37px; width: 127px; overflow: hidden; background: url(http://i29.tinypic.com/2iqfwqe.jpg) top left no-repeat; display: block;} .name3:hover{background-position: bottom left;} .name4{height: 38px; width: 134px; overflow: hidden; background: url(http://cbimg9.com/layouts/08/04/22/27045ae.png) top left no-repeat; display: block;} .name4:hover{background-position: bottom left;} .name5{height: 43px; width: 122px; overflow: hidden; background: url(http://i31.tinypic.com/126dx1g.jpg) top left no-repeat; display: block;} .name5:hover{background-position: bottom left;} </style> </style> <style type=text/css> div table td font {display: none;}</style> <style type="text/css"> table, tr, td { background-color:ffffff; border:0px none; } body { background: url(""); background-position: top left; background-repeat: repeat; background-attachment: scroll; scrollbar-arrow-color: 000000; scrollbar-track-color: ; scrollbar-shadow-color: transparent; scrollbar-face-color:; scrollbar-highlight-color:transparent; scrollbar-darkshadow-color:transparent; scrollbar-3dlight-color:transparent;} div{ font-family: arial; font-size: 8pt; color: 000000; text-align: left; border: medium none; padding-left: 3px; padding-right: 3px; line-height: 12px; overflow-x: hidden;} input, select, textarea, .textfield, .button { font-family: arial; font-size: 8pt; color: 000000; border-style:solid; border-size: 1px; border-color: 000000; background-color: 000000; text-align: left;} .text {font-family: arial; font-size: 8pt; color: 000000; font-weight: normal; text-align: left; background-color: none;} b, strong {font-family: arial; font-size: 8pt; color: D7F44F; font-weight: bold;} i, em, s {font-family: arial; font-size: 8pt; color: FF59B3;} u {font-family: arial; font-size: 8pt; color: 52D8FF;} a, a:link, a:active, a:visited { font-family: arial; font-size: 8pt; color: 52D8FF; text-decoration: none; font-weight: normal;} a:hover {font-family: arial; font-size:8pt; color:FF59B3; background-color: ffffff;} a:link img, a:visited img {filter: none;border:0px} </style>

<div class=link1><a href="http://home.myspace.com/index.cfm?fuseaction=user" class="NAME1"></a></div> <div class=link2><a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX&MyToken=9e0c2be5-1c43-4097-881e-ae216a4cfeaf" class="NAME2"></a></div> <div class=link3><a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX&MyToken=9e0c2be5-1c43-4097-881e-ae216a4cfeaf" class="NAME3"></a></div> <div class=link4><a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=XXXXXXXX&MyToken=e5118df8-4517-4781-92c5-081915df7988" class="NAME4"></a></div> <div class=link5><a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=XXXXXXXX" class="NAME5"></a></div> <style type="text/css"> embed, object {width:1px; height:1px;} table, tr, td {background:transparent;} table table table table, table table table table td.text, table.contactTable {display:none;} td.text table, .orangetext15 {visibility:hidden;} td.text table table {display:inline; visibility:visible;} td.text td.text table {display:none;} div b font font, div font font u {display:none;} .whitetext12 { display: none; } .nametext { display:none;} <style type="text/css"> ///- DON'T EVEN THINK ABOUT STEALING THIS LAYOUT ///- MADE 100% BY SAVAGESTEPH,, ///- WWW.MYSPACE.COM/OHDARNIT_X ///- FRIEND ID 81133506 ///- ALL CREDIT TO STEPH ///- STEAL AND I WILL HUNT YOU DOWN AND RIP OUT YOUR INTESTINES ///- ALL GRAPHICS DONE BY STEPH ///- THIS ENTIRE, I REPEAT, ENTIRE LAYOUT WAS MADE BY STEPH. font, td, a, body, table, body, td, li, p, div, textarea, li, h1, h2, p, br {font-family:arial; font-size: 9px; color: 000000; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: lowercase; padding: 0px; line-height: 10px;} textarea, input {font-family:arial; font-size: 9px; color: 000000; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: lowercase; padding: 0px; line-height: 10px;} .btext {font-family:arial; font-size: 9px; color: 000000; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: lowercase; padding: 0px; line-height: 10px;} .blacktext10 {font-family:arial; font-size: 9px; color: 000000; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: lowercase; padding: 0px; line-height: 10px;} .blacktext12 {font-family:arial; font-size: 9px; color: 000000; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: lowercase; padding: 0px; line-height: 10px;} .lightbluetext8 {font-family:arial; font-size: 9px; color: 000000; font-weight: bold; text-decoration: bold; letter-spacing: 0px; text-transform: lowercase; padding: 0px; line-height: 10px;} .orangetext15 {font-family:arial; font-size: 9px; color: 000000; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: lowercase; padding: 0px; line-height: 10px;} .redbtext, .redtext {font-family:arial; font-size: 9px; color: 000000; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: lowercase; padding: 0px; line-height: 10px;} .text {font-family:arial; font-size: 9px; color: 000000; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: lowercase; padding: 0px; line-height: 10px;} .whitetext12 {font-family:arial; font-size: 9px; color: 000000; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: lowercase; padding: 0px; line-height: 10px;} .nametext {font-family:arial; font-size: 9px; color: 229FE1; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: lowercase; padding: 0px; line-height: 10px;} a:link, a.man:link, a.text:link, a:visited, a.man:visited, a.text:visited, a:active, a.redlink:active, a.redlink:visited, a.redlink:link {font-family:arial; font-size: 12px; color: 000000; font-weight: bold; text-decoration: none; letter-spacing: 0px; text-transform: lowercase; padding: 0px; line-height: 14px; background-color: transparent; border: 0px solid FFFFFF;} a:hover, a.man:hover, a.text:hover, a.redlink:hover {font-family:arial; font-size: 12px; color: F33F96; font-weight: bold; text-decoration: underline; letter-spacing: 0px; text-transform: lowercase; padding: 0px; line-height: 14px; background-color: transparent; border: 0px solid FFFFFF;} a.onee:link, a.onee:active, a.onee:visited {font-family:arial; font-size: 9px; color: ffffff; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: lowercase; padding: 0px; line-height: 10px; background-color: transparent; border: 0px solid FFFFFF;} a:onee:hover, a:onee:hover visited {font-family:arial; font-size: 12px; color: F33F96; font-weight: bold; text-decoration: underline; letter-spacing: 0px; text-transform: lowercase; padding: 0px; line-height: 14px; background-color: transparent; border: 0px solid FFFFFF;} a.navbar:link, a.navbar:visited, a.navbar:active {font-family:arial; font-size: 9px; color: 000000; font-weight: underline; text-decoration: none; letter-spacing: 0px; text-transform: lowercase; padding: 0px; line-height: 10px; background-color: transparent; border: 0px solid 000000;} a.navbar:hover {font-family:arial; font-size: 9px; color: EFF030; font-weight: underline; text-decoration: underline; letter-spacing: 0px; text-transform: lowercase; padding: 0px; line-height: 10px; background-color: transparent; border: 0px solid 000000;} img { filter:none; border:0px;} a:link img { filter: none; border:0px solid black;} a:hover img { filter:none; border:0px solid black;} body {cursor: ;} a:hover {cursor: default;} </style> <style> a.text, table div font a, table div div {visibility:hidden;} table table div font a, table table div div {visibility:visible;} img {border:0px;} table tr td div font {display: none;} tr {background-color:transparent} </style> <style type="text/css"> .navbar{visibility:hidden;} </style> <style>div table td font {visibility:hidden;}a.navbar:link, a.navbar:visited, a.navbar:active {visibility:hidden;}a.navbar:hover {visibility:hidden;}</style>

Green IS the new pink. :)

Going green!
alright.

This is awesome!

thisa is hawt!!!..but its gray in mines 2!!

RLLY NICE THO

but im not rlly into the "help our planet part

i love how simple and yet colorful it is. and the rollovers are nicely done! :)

id totally use it! if it werent so girly in the way that the font is and the fact that it says 'pink' :x im so picky, but it doesnt change the fact that this is amazing work :D

i like the rollovers! .. but when i open it .. the BG around the actual layout is not white .. its more lke greyish ..

neways its cute! :)

I really love this layout; it all looks amazing to me.

try refreshing?
it's white in my preview. I'm using FF and havent tested it in IE.

welcome back? lol. i love it; this is good. i love the colors and brushes. its just that in the preview for me, the background comes out grey instead of white though. maybe its just me.

View all »

Designer	bangxdisco
Submitted on	Apr 22, 2008
Page views	26,760
Favorites	214
Comments	15
Reviewer	miyashu
Approved on	Apr 22, 2008

nature, recycle, spring, simple

• Grab your Friend ID
• Grab layout codes
• Myspace / Xanga tracker

• Here I Stand Layouts