Monokuro Boo Sketch

Myspace Layouts / Div Overlay

Designer's Comments

Look carefully for specific instructions

Replace the "XXXXXX" with your FriendID.

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 {
 background-color: fff;
background-image:url();
	background-attachment: fixed;
	background-position:top-right;
	background-repeat:repeat-y;
 scrollbar-face-color: #DAE8F7;  
scrollbar-highlight-color: #ffffff;  
scrollbar-shadow-color: #ffffff;  
scrollbar-3dlight-color: #5F9FE0; 
 scrollbar-arrow-color: #5F9FE0;  
scrollbar-track-color: #ffffff;  
scrollbar-darkshadow-color: #5F9FE0;
 cursor: crosshair;

}
b, strong {color: 7486e5;}
i, em {color: 37a8e0;

}
u, s, .stext, .sbtext, .swtext {
color: 000000;
border-bottom: 1px DOTTED e43580;
text-align: justify;
}

body, p, td, font {
  font-family: verdana; font-size: 9px; color:1c1b1c; text-transform: ;}
table, td, tr, th {
  font-family:verdana; font-size: 9px; color: 1c1b1c;}
body, td, li, p, div, li, p, br, table {
  font-family: Arial; color: 1c1b1c; text-transform:;}
.text {
  font-family: arial; font-size: 9px; color: 1c1b1c; text-align:left;}
.blacktext12 {
  font-family: arial; font-size: 0px; color: 1c1b1c;}
span.blacktext12 {
  background-color: transparent; background-image: url(); width: 437px; height: 77px; display: block;
}.redtext 
{  font-family: arial; color: 1c1b1c; font-size: 9px;
}.redbtext {
  font-family: arial; color: 1c1b1c; font-size: 9px;}
.orangetext15 {
  font-family: arial; font-size: 10px; color: 1c1b1c; text-transform: ;}
.whitetext12 {
  font-family:arial; font-size: 10px; color: 1c1b1c; text-transform:; text-align: center; background-color:transparent; display: block; }
.lightbluetext8 {
  font-family: arial; font-size: 10px; color: 1c1b1c; text-transform: ; text-align: center; background-color: transparent; display: block; }
.btext {
  font-family: arial; font-size: 10px; color:1c1b1c; text-transform: ; text-align: center; background-color: transparent; display: block; }
.blacktext10 {
  font-family:arial; font-size: 10px; color: 1c1b1c; text-transform: ; text-align: center; background-color: transparent; display: block; }
.nametext {
  font-family: arial; font-size: 10px; color:1c1b1c; text-transform: ; text-align: center; background-color:transparent; display: block; }
table, tr, td {
  border: none; background-color: transparent; padding: 0;}
table {
  border: none; background-color: transparent;}
table table {
  border: none; border-color: none; background-color: transparent;}

.link:hover{display:block; background:url() right center no-repeat; text-align:left; background-color:fff; height:16px; padding-top:2px; z-index:6}
a, a:link, a:active, a:visited {font-family: arial; font-size: 10pt; color: cccccc; text-decoration: none; font-weight: normal;}
a:hover {font-family:arial; font-size:10pt; color:1c1b1c; background-color: transparent;} 
a:link img, a:visited img {filter: none;border:0px}

.header{
display: block; visibility: visible; font-family: "arial"; color: 000000; text-align:left; font-size: 20px; letter-spacing:-1px; text-transform: none; line-height:16px; font-weight: normal; border-bottom: 2px solid; border-color:fdd752; background:url() right center no-repeat; }
table table table {
  border: 2px solid; border-color:000000; background-color: transparent; padding: 0;background-image:url();background-repeat:repeat; background-attachment:fixed;}
table table table table {
  border: none; border-color: none;}
</style>

</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

</MAP>

<span class="header">about me</span><br>
<center><b>Bold</b>. <u>Underline</u>. <i>Italic</i>.<BR>I Hope You Enjoy This Layout.<BR>Make sure you replace the XXXXXXXX with your FRIENDID.<BR> This is your about me! Write Anything You Want.

</div>

<div class="about_me" style="position: absolute; left:139px;  top:199px; width:329px; height:140px; overflow: auto; overflow-x:hidden; z-index:2;">
<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" style="width: 155; height: 80px;" cols="10" rows="7" style="border-width: 1px; border-style: solid; border-color: 000000; font-family: small fonts; text-transform:uppercase; letter-spacing:1pt;font-size: 7px; color: 000000; background-color: ffffff;" style="overflow:auto;"> I love Kawaii, </textarea> 
<br> <input value="Send!" style="border-width: 1px; border-style: solid; border-color: 000000; width:75px; font-family: small fonts; text-transform:uppercase; letter-spacing:1pt; font-size: 7px; color: 000000; background-color: ffffff;" type="submit"> <input value="Redo!" style="border-width: 1px; border-style: solid; border-color: 000000; width:75px; font-family: small fonts; text-transform:uppercase; letter-spacing:1pt;font-size: 7px; color: 000000;  background-color: ffffff;" type="reset"></form></center>

</div>