Pikachu

Myspace Layouts / Div Overlay

Designer's Comments

Look carefully for specific instructions

This is my very first DIV layout ever.

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 {background-color: 27736b; 
cursor: crosshair; 
font-size: 12px;
}
dt {font-size: 17px;}
dd {margin-left: 15px;}
</style>

<div class="cocaine">
<img src="http://cbimg6.com/layouts/09/06/35036aa.jpg" width="800px" height="600px" />
</div>
<style>
.cocaine {position: absolute; top: 100; margin-left: -404px; width: 810px;}

.navinator {position: absolute; top: 275px; margin-left: 130px; width: 141px; height: 141px; background-color: transparent; z-index: 2; }

.navinator a {color: 7c7c7c; font-weight: normal; text-decoration: none; font-family: calibri; font-size: 17px; }
.navinator a:hover {color: eaeaea; font-weight: normal; text-decoration: none;}

a.hm {background-image: url(http://cbimg6.com/layouts/09/06/35036ab.png); width: 79px; height: 32px; display: block;}
a.hm:hover {background-image: url(http://cbimg6.com/layouts/09/06/35036ac.png); width: 79px; height: 32px; display: block;}

.name {position: absolute; top: 200px; margin-left: -300px; width: 200px; color: 8c2e2e; font-family: calibri; font-size: 20px; text-transform: uppercase; letter-spacing: 4px; text-align: center;}

.aboutmeh {position: absolute; top: 130px; margin-left: -114px; width: 207px; height: 466px; color: 7c7c7c; font-family: calibri; font-size: 13px; text-align: justify; background-color: transparent; overflow: auto;
scrollbar-base-color: 3a3a3a;
scrollbar-arrow-color: 7c7c7c;
scrollbar-3dlight-color: 3a3a3a;
scrollbar-darkshadow-color: 3a3a3a;
scrollbar-face-color: 3a3a3a;
scrollbar-highlight-color: 3a3a3a;
scrollbar-shadow-color: 3a3a3a;
scrollbar-track-color: 3a3a3a;}

.aboutmeh a {color: eaeaea; font-family: calibri; font-size: 13px; font-weight: normal;}
.aboutmeh a:link, .aboutmeh a:active, .aboutmeh a:visited {color: eaeaea;}
.aboutmeh a:hover {color: 232323; text-decoration: none;}

.blurbs, .blurbs td.text {background-color:transparent; border:0px;}
.orangetext15 {display:none;}

.interestsanddetails {display:none;}
.extendedNetwork {display:none;}
.latestBlogEntry {display:none;}
.friendSpace {display:none;}
.friendsComments {display:none;} 
.userProfileDetail {display:none;}
.userProfileURL {display:none;}
.contactTable { display: none;}
.profileInfo {display:none;}

div table div form {display:none!important}
div table div select {display:none!important}
div table div .mslogo {display:none!important}
div div table div li {display:none!important}
div table div .profile {display:none!important}
table.rail {position:absolute; top:-100px !important;}
div div table div, div.clearfix a, input {display:none;}
div.clearfix table div div {display:block;}

tr {background-color: transparent;}
table tr td {background-color: transparent;}
table table {background-color: transparent;}

.bodyContent tr {background-color:transparent;}
.bodyContent table div br {line-height: 4px;}
.bodyContent td div div a.text {color: 3a3a3a;}
.bodyContent td div div {color: 232323;}
.bodyContent td div font {color: 3a3a3a;}
.bodyContent td div div a.text:hover {color: eaeaea; text-decoration: none;}
body td div div, body td div div a.text, body td font  {font-family: calibri!important; font-size: 12px!important;}

.movelinks {height: 280px;}
</style>
<div class="movelinks"></div>

Layout Code

Copy and paste to I'd Like to Meet

Help

</div>

<div class="navinator">
<a href="http://friends.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendId=XXXXXX">Add Me</a><br /> <br />         
<a href="http://friends.myspace.com/index.cfm?fuseaction=block.blockUser&userID=XXXXXX">Block Me</a><br />  <br />        
<a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.messageV2&friendID=XXXXXX">Message Me</a><br />   <br />       
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=XXXXXX">My Pictures</a><br />  <br />        
<a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=XXXXXX">Comment Me</a>

</div>

Name

</div>

<dl>

<dt>About Me:</dt>

<p></p>

<dd>

Blah-Blah-Blah-Blah-Blah-Blah-Blah-Blah-Blah-Blah-Blah-Blah-Blah-Blah-Blah-Blah-Blah-Blah-Blah-Blah-Blah-Blah-Blah-Blah-Blah-Blah-Blah-Blah-Blah-Blah-Blah-Blah-Blah-Blah-Blah-Blah-Blah-Blah-Blah-Blah-Blah-Blah-Blah-Blah-Blah-Blah-Blah-Blah-Blah-Blah-Blah-Blah-Blah-Blah-Blah-Blah-Blah-Blah-Blah-Blah-Blah-Blah-Blah-Blah-Blah-Blah-Blah-Blah-Blah-Blah- Yourface(:

</dd>

</dl>

</div>