Go Green (div overlay)

Designer's Comments

Look carefully for specific instructions

INFORMATION
This is for all you "go greeners" out there who want a subtle way to show what they believe in. The layout isn't too eccentric on purpose, it's suppose to represent a more natural and purer world.

THE NAVBAR AND PROFILE ARE HIDDEN, just not in the preview on here.

Don't forget to replace the XXXXXXX with your friendID.

RULES
1. Please do not steal this code/layout. Honestly, if you can't make one, ask for help, instead of passing off work as your own. CB has great tutorials to get you started on making your own DIV layout.
2. Please do not remove the credit, seriously. Just don't.

SIDE NOTE
This layout does require previous knowledge of both HTML and CSS. Please do not use this layout if you have no clue at all of what to do. I can try and help you but, I'm rarely online/answer messages. CB has a great selection of standard layouts as well which are easier to use.

CREDITS
Every thing was coded and created by me, special thanks goes to RockitStudios for their hide the myspace profile and new navigation bar script.

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>
BODY, HTML {
cursor:crosshair;
background-color:FFFFFF;
scrollbar-track-color:FFFFFF;
scrollbar-face-color:FFFFFF;
scrollbar-3dlight-color:FFFFFF;
scrollbar-highlight-color:FFFFFF;
scrollbar-darkshadow-color:FFFFFF;
scrollbar-shadow-color:FFFFFF;
scrollbar-arrow-color:000000;
}

embed, object {
position:absolute; 
top:0px; left:0px;
}

b {color:75CC61;}

.layout {
position:absolute; 
left:50%;
margin-left:-250px;  
top:110px; 
overflow:visible; 
background-color:transparent; 
border:0px; 
}

.content {
position:absolute;
overflow:visible; 
background-color:transparent; 
border:0px; padding:0px; 
width:305px; 
left:50%;
top:310px;
margin-left:-155px;  
}

div {
font-weight:normal;
font-size:11px;
font-family:verdana; 
text-decoration:none; 
color:000000;
}

a:link, a:visited, a:active {
font-family:verdana;
font-size:11px;
font-weight:normal;
text-decoration:none;
color:000000;
}

a:hover {
font-family:verdana;
font-size:11px;
font-weight:normal;
text-decoration:none;
color:ffffff;
cursor:crosshair; 
background-color:transparent; 
}

a img {
border:0px;
filter: alpha(opacity=45);
opacity: .4;
padding: 0px!important;
}

a:hover img {
border:0px;
filter: none;
opacity: 1;
cursor:crosshair;
}

a.nav1:link, a.nav1:visited, a.nav1:active, a.nav1 {
text-decoration:none;
font-weight:normal;
text-align:center; 
background-color:75CC61;
color:ffffff;
font-family:georgia;
letter-spacing:1px;
font-size:10px;
width:120px!important;
height:15px; 
display:block;
margin-bottom:3px;
text-transform:uppercase;
}

a.nav1:hover {
background-color:cccccc;
color:75CC61;
cursor:crosshair; 
font-family:georgia;
letter-spacing:1px;
text-transform:uppercase;
}

.links {
position:absolute;
overflow:visible;
background-color:transparent; 
left:50%; top:435px; 
margin-left:-285px;
}

.details {
position:absolute;
overflow:visible;
background-color:transparent;
left:50%; top:505px;
margin-left:175px;
}
</style>

<div class="content">
<b>Bold</b>, <u>Underlined</u>, <i>Italic</i>, <a href="http://envisionartist.createblog.com">Link</a> 
<br /><br />
Replace with your about me. Replace with your about me. Replace with your about me. Replace with your about me. Replace with your about me. 
Replace with your about me. Replace with your about me. Replace with your about me. Replace with your about me. Replace with your about me. 
Replace with your about me. Replace with your about me. Replace with your about me. Replace with your about me. Replace with your about me. 
Replace with your about me. Replace with your about me. Replace with your about me. Replace with your about me. Replace with your about me. 
Replace with your about me. Replace with your about me. Replace with your about me. Replace with your about me. Replace with your about me.

</div>

<div class="details">
<b>Location:</b> New York, US <br />
<b>Age:</b> Seventeen <br />
<b>Status:</b> Single <br />
<b>Orientation:</b> Straight <br />
<b>Religion:</b> Agnostic <br />
<b>Occupation:</b> Student 
</div>

<div class="links">
<a href="http://home.myspace.com/index.cfm?fuseaction=user" class="nav1">home</a>
<a href="http://friends.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX" class="nav1">add</a>
<a href="http://friends.myspace.com/index.cfm?fuseaction=block.blockUser&userID=XXXXXXXX" class="nav1">block</a>
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=XXXXXXXX" class="nav1">photos</a>
<a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX" class="nav1">message</a>
<a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=XXXXXXXX" class="nav1">comment</a>
<a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=XXXXXXXX" class="nav1">friends</a>
<a href="http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=XXXXXXXX" class="nav1">journal</a>
<a href="http://37am.net" class="nav1">credit</a>
</div>