Simple Green

Myspace Layouts / Div Overlay

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>
.mslogo, .clearfix form, .clearfix a, .clearfix select, .profileinfo, .contacttable, .userprofileurl, .interestsanddetails, .userprofiledetail, .userprofilenetworking, .userprofileschool, .userprofilecompany, .extendednetwork, .latestblogentry, .blurbs td.text, .orangetext15, .friendspace, .friendscomments, table div {display:none!important;}
table table div, .clearfix, .clearfix div {display:block!important;}
table, tr, td, .clearfix {background:none!important;}
.clearfix tr td div {filter:alpha(opacity:0)!important;} 
.bodycontent div {_filter:alpha(opacity:100)!important;}
div[id="topnav"], div[id="shortcuts"] {opacity:0!important;}
</style>
<style>
a.nav:link, a.nav:visited, a.nav:active {
height:20px;
text-align: center;
text-decoration: none;
letter-spacing:-2px;
color:000000;
text-indent:0px;
font-style: normal;
font-weight:bold;
font-size: 36px;
font-family: arial;
line-height: 34px;
padding: 0px;
background-color: 003300;
cursor: default;
display: inline;
margin-bottom: 0px;
margin-top:0px;
margin-top:0px;
padding: 0px;
border-bottom:0px solid; 
border-left:0px solid;
border-right:0px solid;
border-color:656565;
text-transform:lowercase;
}
a.nav:hover {
width: px;
height:20px;
text-decoration: none;
text-align: center;
letter-spacing:-2px;
color:000000;
text-indent:0px;
font-style: normal;
font-weight:bold;
font-size: 36px;
font-family: arial;
line-height: 34px;
background-color: 194919;
display: inline;
margin-bottom: 0px;
padding: 0px;
border-bottom:0px solid;
border-color:DFDFDF;
border-left:0px solid;
border-right:0px solid;
border-color:DFDFDF;
text-transform:lowercase;     
cursor:default;   
}

body{
background-color:003300;margin: 0 auto;}

embed, object {width:0px; height:0px;} table table table embed, table table table object {width:320px; height:240px;} 
blockquote{width:500px;height:auto;background-color:184400;font-family:arial;border-bottom-width:0px;border-top-width:0px;border-left-width:2px;border-right-width:2px;border-style:solid;border-color:000000;}

.TopSide{position:absolute;left:50%; margin-left:-300px; top: 120px;width:635px; background-color:003300; overflow: none;text-align:right;}
.MainSide{position:absolute;left: 50%;
margin-left:-300px; 
top:200px;  width:610px; background-color:646F5E; overflow: none;}
.MainSide div{width:610px; color:000000; text-align: justify; font-family:verdana; background-color:646F5E;}
.MainSide div p{width:610px; color:000000;font-size:11px; line-height:12px; text-align: justify; font-family:verdana; border-bottom-width:0px;border-top-width:0px;border-left-width:0px;border-right-width:0px;border-style:solid;border-color:5D1111;}
.MainSide h3{width:610px; height:px; color:333333; font-family:arial; font-size:32px;font-weight:normal;background-color:003300;letter-spacing:-2px;text-transform:lowercase;margin-top:0px;padding: 0px;}
.MainSide h2{width:610px; height:px; color:4A4A4A;  font-family:arial; font-size:32px;font-weight:normal;background-color:003300;letter-spacing:-2px;text-transform:lowercase;border-bottom-width:0px;border-top-width:0px;border-left-width:0px;border-right-width:0px;border-style:solid;border-color:5D1111;margin-top:0px;padding: 0px;margin-top:0px;padding: 0px;}
.MainSide h1{width:610px; height:px; color:6E6E6E; font-family:arial; font-size:32px;font-weight:normal;background-color:003300;letter-spacing:-2px;text-transform:lowercase;border-bottom-width:0px;border-top-width:0px;border-left-width:0px;border-right-width:0px;border-style:solid;border-color:5D1111;margin-top:0px;padding: 0px;margin-top:0px;padding: 0px;}
.MainSide h4{width:610px;  color:8F8F8F;  font-family:arial; font-size:32px;font-weight:normal;background-color:003300;letter-spacing:-2px;text-transform:lowercase;border-bottom-width:0px;border-top-width:0px;border-left-width:0px;border-right-width:0px;border-style:solid;border-color:5D1111;margin-top:0px;padding: 0px;margin-top:0px;padding: 0px;}

.MainSide a:active, a:visited, a:link {font-family:small fonts;color:3E622A;font-size:8px;font-weight:normal;text-decoration:none;letter-spacing:2px;text-transform:uppercase;} 
.MainSide a:hover {font-family:small fonts;color:184400;font-size:8px;font-weight:normal;text-decoration:none;letter-spacing:2px;text-transform:uppercase;cursor:default;}

textarea{border-width: 1px; border-style: solid; border-color: 484D46; font-family: verdana; font-size: 10px; color: 000000; background-color: 4B643E; scroll:no;text-align:center;overflow:auto;}
textarea:hover, textarea:focus, input:hover, input:focus { background-color:DF116D; border:1px solid;border-color: 4e4e4e; }

b{ color:1E5400;font-family:georgia;font-size:11px;}
i{color:B7C7AF;font-family:verdana;font-size:11px;}
u{color:304E20;font-family:verdana;font-size:11px;}
</style>

<div class="TopSide">
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=XXXXXXXX" class="nav" align="left">images</a>
<a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX" class="nav" align="left">message</a>
<a href="http://friends.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX" class="nav" align="left">add</a>
<a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=XXXXXXXX" class="nav" align="left">comment</a>
<a href="http://home.myspace.com/index.cfm?fuseaction=user" class="nav" align="left">home</a></div>
<div class="MainSide">

<p><div>
<h3>About Me</h3><p>
Here is where you write about yourself. If it's something important, you can <b>make it bold</b>. You can type all your interests here or put a picture in.<br><br>
You can make the font <i>italic</i> when you write stuff out... just keep writing! You can also make things <u>underlined</u><br><br>
This is what a <a href="http://createblog.com">link</a> looks like.

</div>
<p><div>
<h2>Comment Me</h2>
<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" cols="40" rows="7" style="width:327px;height:75px;border-width: 1px; border-style: solid; border-color: 484D46; font-family: verdana; font-size: 10px; color: 000000; background-color: 4B643E; scroll:no;text-align:center;overflow:none;">

Layout Comments

Showing latest 4 of 4 comments

cool layout

By Medi on Mar 12, 2009 12:23 pm

I agree with dr.kevorkian^^
the green is awesome, and i love how you made it easy for the peoples to figure it out, nice job =)

*if you can't say something nice, then don't say anything at all*

By Caunedhiel on Mar 11, 2009 9:22 am

i think it's awesome!

By ingodwerust on Mar 10, 2009 8:45 am

This is nice, but I don't care for the huge links up at the top.

By itsMarika on Mar 10, 2009 7:03 am

Layout Details

Designer	karmakiller
Submitted on	Mar 7, 2009
Page views	6,663
Favorites	22
Comments	4
Reviewer	manny-the-dino
Approved on	Mar 9, 2009

Simple Green

Using This Layout

Update Friend ID

Layout Code

Layout Comments

Layout Details

Layout Colors

Layout Tags

Layout Tools

Layout Affiliates