Take Me Away

Myspace Layouts / Div Overlay

Designer's Comments

Look carefully for specific instructions

Do not remove the credits please

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

<html>

<html>
<head>
<style type="text/css">
{
}BODY {
scrollbar-face-color:#d42c4e;
scrollbar-highlight-color:#ffcfa9;
scrollbar-3dlight-color:#ffcfa9;
scrollbar-darkshadow-color:#ffcfa9;
scrollbar-shadow-color:#ffcfa9;
scrollbar-arrow-color:#ffcfa9;
scrollbar-track-color:#ffcfa9;
}
td, p, body, input {color:#000000 ;
font-family: georgia;;
font-size: 12px;
letter-spacing:0px;
background:none
border: 3px;
 cursor: se-resize;
}
body
{background-color: #ffcfa9; 
background-image: url("http://cbimg9.com/layouts/08/06/28708ac.jpg"); 
background-repeat:repeat-y;}
}

b {color: #f2064d;
font-family: georgia;
 font-size: 7pt;}

small {color: #807b76;
 cursor: se-resize;
    font-size: 7pt;
    font-family: tahoma;
    line-height: 11px;}

i {color: #960b5f;
font-family: arial;
font-size: 7pt;}

u {
 color: #837d7c;
    font-family: georgia;
    font-size: 7pt;
    border-bottom: 1px dotted #883e1e;}

.text {
color:#383634;
 cursor: se-resize;
    font-size: 7pt;
    font-family: tahoma;
letter-spacing:0px;
    line-height: 11px;
background: #transparent;
text-align: justify;
padding: 2px;}

.head { color:#ffcda8;
line-height: 15px;
text-align:left;
font-size:20px;
font-family: Arial Black;
text-transform: uppercase;
font-weight: uppercase;
font-variant: uppercase;
background: #d42c4e;}

.head2 { color:#f8ad96;
line-height: 10px;
text-align:left;
font-size:16px;
font-family: Arial Black;
text-transform: uppercase;
font-weight: uppercase;
font-variant: uppercase;
background: #e2644f;}

.l1{background: #d83659;
color: #ffd4b1;
display: block;
cursor: e-resize;
text-align:right;
margin-top: 0px;
border-left:0px solid #f8ad96;
border-bottom:1px solid #f8ad96;}

.l1:hover {color: #ffd4b1;
font-weight: none;
text-align:right;
border-bottom: 1px dashed #f8ad96;
background: #98102d;
letter-spacing: 2px;}

.l2{background: #98102d;
color: #ffd4b1;
display: block;
cursor: e-resize;
text-align:right;
margin-top: 0px;
border-left:0px solid #f8ad96;
border-bottom:1px solid #f8ad96;}

.l2:hover {color: #ffd4b1;
font-weight: none;
text-align:right;
border-bottom: 1px dashed #f8ad96;
background: #d83659;
letter-spacing: 2px;}

A:link, A:active, A:visited {color: #fdf0e6;
font-weight: none;
text-decoration: none;
cursor: e-resize;}

A:hover {color: #f12864;
cursor: e-resize;
font-weight: none;
border-bottom: 1px dashed #f12864;}

</STYLE>

</head>
<div style="LEFT: 120px; OVERFLOW: auto; POSITION: absolute; TOP:0px">
<img src="http://cbimg9.com/layouts/08/06/28708aa.jpg" border="0"/></a>
</div>

<div style="position: absolute; top: 600px; left:494px; width:195px;overflow:auto">
<div class="head">Music
</div>
<div class="text">

</div>

<div class="head">Contacts
</div><div class="text">
<table width="140">
<tr>
<td width="50"><div class="text">
<a href="http://home.myspace.com/index.cfm?fuseaction=user" target="_blank" class="l1">Home</a>
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=XXXXXXXX"target="_blank" class="l2">Pics</a>
<a href="http://messaging.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX" target="_blank" class="l1"> add</a>
<a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX&MyToken=60073af5-e929-4c7a-b357-3f1b6da0bbfb" target="_blank" class="l2">Message</a>
<a href="http://friends.myspace.com/index.cfm?fuseaction=block.blockUser&userID=XXXXXXXX" target="_blank" class="l1">block</a>
</td><td width="50" style="text-align:right;"><div class="text">

</td>
</tr></table></div>

<div class="commentbox"><center>
<style type="text/css">
textarea.area{
background-color:transparent;
width:146px;
height:90px;
font-family:arial black;
color:042d45;
line-height:15px;
font-size:10px;
text-align:left;
text-transform:uppercase;
border:0px solid;
border-color:000;
font-weight:normal;
letter-spacing:-1px;
overflow:hidden;
}

input.button {
background-color:transparent;
width:142px;
height:14px;
font-family:arial black;
color:042d45;
line-height:15px;
font-size:10px;
text-align:center;
text-transform:uppercase;
border:0px solid;
border-color:000;
font-weight:normal;
letter-spacing:-1px;
overflow:hidden;}
</style>

<form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment">
<input name="friendID" value="XXXXXXXX" type="hidden">
<textarea name="f_comments" class="area">Yeehehe</textarea><br />
<input type="submit"class="button" value="send"></form>
</center> 
</div>

</div>

<div class="head">stuff
</div>
<div class="text">
<BR>

yeeheheheyeehehehe
yeehehehe
yeehehehe
yeehehehe
yeehehehe
yeehehehe

</div>

<div class="head">Creator
</div>
<div class="text"><center>
© yeehehe productions

</div>
</div>
<Br><br>

<div style="position: absolute; top:600px; left: 150px; width:315px;overflow:auto">
<br><br>
<div class="head">About Me
</div>
<div class="text">
<b>Date:</b>May 19th, 2007
<br><b>Time:</b> 6:30 PM
<br><b>Feeling:</b> Amazing
<br><b>Updates:</b>

<Br><br>
<b>bold</b>  <u>Underlined</u>  <i>italics</i> <strike>strike</strike>  normal
<br><Br>
</div>
</div>
<Br><br>

</html>

Layout Code

Copy and paste to I'd Like to Meet

Help

<p><a href="http://www.createblog.com/layouts/index.php?layout=myspace_layouts" title="Grab Myspace Layouts and Myspace Codes"><img src="http://cbimg9.com/layouts/08/06/28708ad.gif" border="0" alt="Myspace Layouts" 
<div style="position:relative; height:0px; overflow:hidden; border:0px;"><table><tr><td><table><tr><td>style="position:absolute;top:0px;left:0px;width:10px;height:27px;" /></a></p><style type="text/css">
table, tr, td {background:transparent;} 
table table table table, table.contactTable {display:none;} 
td.text table{visibility:hidden;}
.nametext, .whitetext12, .orangetext15 {display:none;}
div table td font {display: none;}
td.text table table{display:inline;visibility:visible;}
table, td{border-width:0px;}
.byebye{display:none;}
div form {display: none;}
.navigationBar{display:none;}

.layout{
position: absolute;
top: 150px;
left: 50%;
margin-left: -480px; _margin-left: -478px;
height: 1600px;
width: 950px;
z-index: 2;
border: 0px solid red;
background-color: rgb(0, 0, 0);
text-align: center;
overflow: hidden;
}

.about{
position: absolute;
top: 487px;
left: 50%;
margin-left: -256px; _margin-left: -254px;
width: 523px;
height: 448px;
text-align: left;
border: 0px solid red;
overflow: auto;
z-index: 3;
}

.friends{
position: absolute;
top: 220px;
left: 50%;
margin-left: -265px; _margin-left: -263px;
width: 533px;
height: 180px;
text-align: center;
border: 0px solid red;
letter-spacing:2pt;
overflow: hidden;
z-index: 3;
}

.credits{
position: absolute;
top: 1740px;
left: 50%;
margin-left: -480px; _margin-left: -478px;
width: 950px;
height: 35px;
text-align: center;
border: 0px solid red;
overflow: hidden;
z-index: 3;
}

body {
  background-color:000000;}

input {background-color:ffffff !important;}

td, span, div, input, textarea, a, table td div div font,
div table tr td font {font-family: arial!important;}

td, span, div, input, textarea, table td div div font,div table tr td font {

color:000000!important; 
	font-size:9pt !important;}
	
.nametext, .whitetext12, .lightbluetext8, .orangetext15, .blacktext12, .blacktext12 span,.redtext, .redbtext, .blacktext10, .btext {color:000000  !important; font-size:9pt !important;}
.blacktext10 {display:block;}

a{font:normal 9px arial; color:000000 ; font-weight:none; border:0px; text-transform: none; }
a:active,a:visited,a:link{ font-family: impact; font-size: 9pt; color:000000; text-transform:none; text-decoration:none; font-weight:bold; background-color:NONE;}
a:hover{font-family: impact; font-size: 9pt; color:990000 ; text-transform:none; text-decoration:none; font-weight:bold; background-color:NONE;}

s {color:FFFFFF;}
u {color:FFFFFF;}
i {color:FFFFFF;}
b {color:000000;}
</style>

</style>
<div style="display:none"> <table><tr><td><table><tr><td><style type=text/css>
table tr td div font {display: none;}
</style>
<style>table td div div font {visibility:hidden;}</style>
<br />
<style>.a form {display:none;}table table table form {display:inline;}.a {} table div {display:none;}table table div {display:block;}td {height:0px;}</style>