Sick Puppies

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 type="text/css">body {border: 30px solid BLACK;}</style>

<center> <a href="http://home.myspace.com/index.cfm?fuseaction=user">home</a>-<a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX">add</a>-<a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX">message</a>-<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=XXXXXXXX">pics</a>-<a href="http://friends.myspace.com/index.cfm?fuseaction=user.viewfriends&friendID=XXXXXXXX">friends</a>-<a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=XXXXXXXX">comment</a>-<a href="http://collect.myspace.com/index.cfm?fuseaction=block.blockUser&userID=XXXXXXXX">block</a> </center><br>

<IMG src="http://cbimg6.com/layouts/07/08/02/20251ab.png" align=left>
Table 1. Put whatever you want here. Feel free to replace the "Free Hugs" image with your own if you prefer. Remember to put your friend id in the appropriate places. </div>

<div class="table2"> 
Table 2. Put whatever you want here. Both boxes will scroll when content gets long enough.

<br><br><center><b>bold</b> <i>italic</i> <u>underlined</u> <s>strike</s></center>

</div>

body, td, li, p, div, textarea, li, h1, h2, p, br {color:a33682; font-family:tahoma; text-transform:none; font-size:11px;}

a:link, a:active, a:visited {color:f9ecf5; font-family:tahoma; text-transform:none; font-weight:normal; font-size:9px;}
a:hover {color:ffffff; font-family:ariel; text-transform:none; font-size:10px;}

.overlay { position:absolute; width:549px; height:882px; overflow:hidden; background-color:000000; border:px; visibility:visible !important; display:block; top:150px; left:65%; margin-left:-464px; }
td.text td.text table {display:none}

.table1 { position:absolute; width:265px; height:178px; background-color:000000; border: c454a4 0px solid; overflow:auto; visibility:visible !important; display:block; top:420px; left:6px; margin-left:-3px; scrollbar-face-color:000000;
scrollbar-highlight-color:ffffff;
scrollbar-3dlight-color:ffffff;
scrollbar-shadow-color:ffffff;
scrollbar-darkshadow-color:ffffff;
scrollbar-arrow-color:a33682;
scrollbar-track-color:000000;filter:chroma(color=000000);}

.table2 { position:absolute; width:260px; height:178px; background-color:transparent; border: c454a4 0px solid; overflow:auto; visibility:visible !important; display:block; top:420px; left:289; margin-left:-3px; scrollbar-face-color:000000;
scrollbar-highlight-color:ffffff;
scrollbar-3dlight-color:ffffff;
scrollbar-shadow-color:ffffff;
scrollbar-darkshadow-color:ffffff;
scrollbar-arrow-color:a33682;
scrollbar-track-color:000000;filter:chroma(color=000000);}

</style>
<style type="text/css">
 b, strong {color: d582bd;
     font-family:tahoma;
     font-size:11px;
     letter-spacing:0pt;
     font-weight:bold; }
 i,em{
     color: c454a4;
     font-family:tahoma;
     font-size:11px;
     letter-spacing:0pt;
     font-weight:normal;  }
 u{
     color: 973179;
     font-family:tahoma;
     font-size:11px;
     letter-spacing:0pt;
     font-weight:normal; }

</style>