Tinkerbell

Myspace Layouts / Div Overlay

Designer's Comments

Look carefully for specific instructions

Replace all the X's before saving.

Don't jock; Constructive critism only!
Enjoy!

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"> 
table, tr, td {background:transparent;} 
table table table table, table.contactTable{display:none;} 
td.text table{visibility:hidden;}
.nametext, .whitetext12, .orangetext15,redtext {display:none;}div table td font {display: none;}body {background-color:transparent;} td.text table table{display:inline;visibility:visible;}table, td{border-width:0px;}
.comments{display:inline;} 
.comments table { width:300px !important; }

.r{move player}
td td object {position:absolute; left:0px; top:0px; display:visiable;width:0px; height:0; background-color:transparent;}

.r{text and links}
input {background-color:transparent !important;}
td, span, div,nav, input, a, table td div div font,
body div table tbody tr td font {font-family:Bookman Old Style !important;}
td, span, div, input, table td div div font,
body div table tbody tr td font {color:ffffff !important;font-size:11px;font-weight:none;}
.nametext, .whitetext12, .lightbluetext8, .orangetext15, .blacktext12,
.redtext, .blacktext10, .redbtext, .btext {color:ffffff!important; font-size:11px !important;}

a {color:FFFFFF !important; text-decoration:none !important;font-size:11px; text-transform:none !important; font-weight:none !important;font-style:normal !important;font-size:cursor:crosshair;}

a:hover {color:6d8ed8!important; text-decoration:none ; text-transform:none!important; font-weight:none !important; font-style:normal !important;font-size:11px !important;cursor:crosshair;}

.header{color:White;text-align:center; font-family:Bookman Old Style;font-weight:none;font-size:22px;line-height:7px;border-bottom:0px solid;border-color:none;display:block;background-color:6d8ed8;margin-bottom:4px;}

body {
background-color:6d8ed8;
background-image:url("");
background-position:center;
background-repeat:no-repeat;
background-attachment:fixed;
scrollbar-face-color: 6d8ed8;
scrollbar-highlight-color: 6d8ed8;
scrollbar-3dlight-color: 6d8ed8;
scrollbar-shadow-color:6d8ed8;
scrollbar-darkshadow-color:6d8ed8;
scrollbar-arrow-color: ffffff;
scrollbar-track-color: 6d8ed8;}

.main {
background-color:transparent;
border:none;
font-size:22pt;
font-weight: bold;
color: black;
text-align:left;
padding: 20px;
position:absolute;
left:140px;
top:80px;
height:900px;
width:900px;
z-index:1;}

.aboutme {
background-color:transparent;
border-bottom:1px solid;
border-left:1px solid;
border-right:1px solid;
border-color:6d8ed8;
font-family:Bookman Old style;
font-size:11px;
font-weight:none;
color:ffffff;
text-align:left;
padding: 5px;
position:absolute;
left:50%;
margin-left:-20px;
top:495px;
z-index:2;
height:280px;
width:350px;
overflow:auto;
scrollbar-face-color: 99bcec;
scrollbar-highlight-color: 99bcec;
scrollbar-3dlight-color: 99bcec;
scrollbar-shadow-color:99bcec;
scrollbar-darkshadow-color:99bcec;
scrollbar-arrow-color: 6d8ed8;
scrollbar-track-color: 99bcec;
filter:chroma(color=ff0000);}

.friends {
background-color:transparent;
border-bottom:1px solid;
border-left:1px solid;
border-right:1px solid;
border-color:6d8ed8;
font-family:Bookman Old style;
font-size:11px;
font-weight:none;
color:ffffff;
text-align:left;
padding: 5px;
position:absolute;
left:50%;
margin-left:-285px;
top:495px;
z-index:2;
height:150px;
width:260px;
overflow:auto;}

.combox {
background-color:transparent;
border-bottom:1px solid;
border-left:1px solid;
border-right:1px solid;
border-color:6d8ed8;
font-family:Bookman Old style;
font-size:12px;
font-weight:none;
color:ffffff;
text-align:left;
padding: 5px;
position:absolute;
left:50%;
margin-left:-285px;
top:654px;
z-index:2;
height:145px;
width:260px;
overflow:auto;}

.extra {
background-color:transparent;
border-bottom:1px solid;
border-left:1px solid;
border-right:1px solid;
border-color:6d8ed8;
font-family:Bookman Old style;
font-size:11px;
font-weight:none;
color:ffffff;
text-align:left;
padding: 5px;
position:absolute;
left:50%;
margin-left:-285px;
top:808px;
z-index:2;
height:160px;
width:260px;
overflow:auto;
scrollbar-face-color: 99bcec;
scrollbar-highlight-color: 99bcec;
scrollbar-3dlight-color: 99bcec;
scrollbar-shadow-color:99bcec;
scrollbar-darkshadow-color:99bcec;
scrollbar-arrow-color: 6d8ed8;
scrollbar-track-color: 99bcec;}

.comments {
background-color:transparent;
border-bottom:1px solid;
border-left:1px solid;
border-right:1px solid;
border-color:6d8ed8;
font-family:Bookman Old style;
font-size:11px;
font-weight:none;
color:ffffff;
text-align:left;
padding: 5px;
position:absolute;
left:50%;
margin-left:-20px;
top:785px;
z-index:2;
height:183px;
width:350px;
overflow:auto;
scrollbar-face-color: 99bcec;
scrollbar-highlight-color: 99bcec;
scrollbar-3dlight-color: 99bcec;
scrollbar-shadow-color:99bcec;
scrollbar-darkshadow-color:99bcec;
scrollbar-arrow-color: 6d8ed8;
scrollbar-track-color: 99bcec;}

td.text td.text table table table, td.text td.text table br, td.text td.text table .orangetext15, td.text td.text .redlink, td.text td.text span.btext {display:none;}
td.text td.text table {background-color:transparent;}
td.text td.text table td, td.text td.text table {height:0;padding:0;border:0;}
td.text td.text table table td {padding:-10px;}
td.text td.text table table br {display:inline;}

<resizes images in your comments>
td.text td.text table table table td a img {width:100px;}
td.text td.text table table table td div img {width:90px;}
td.text td.text table table td img {width:150px; max-width:150px; width:auto;}
td.text td.text table table td div img {width:100px;}
* html td.text td.text table table td img {width:80px;}
* html td.text td.text table table td a img {width:80px;}
* html td.text td.text table table td div img {width:80px;}

.r{google}
div td form {display:none;}
table div td form {display:inline;}

</style></style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<div class="aboutme">
<span class="header">About Me</span><br>
<img src="http://cbimg6.com/layouts/07/10/12/22343ab.jpg" align="left">

Write about yourself here! Write about yourself here!
Write about yourself here! Write about yourself here!
Write about yourself here! Write about yourself here!
Write about yourself here! Write about yourself here!
Write about yourself here! Write about yourself here! Write about yourself here! Write about yourself here! Write about yourself here! Write about yourself here!
Write about yourself here! Write about yourself here!
Write about yourself here! Write about yourself here!
Write about yourself here! Write about yourself here!
Write about yourself here! Write about yourself here! Write about yourself here! Write about yourself here!
Write about yourself here! Write about yourself here!
Write about yourself here! Write about yourself here!

</div>

<div class="friends">
<span class="header">My Friends</span>
<br>
<marquee><center>
<a href="friend url"><img src="http://cbimg6.com/layouts/07/10/12/22343ac.jpg" width="100" height="100" border="0"></a>

</div>

<div class="combox">
<span class="header">Comment Me</span><br>

<center><form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input name="friendID" value="FRIEND ID HERE!!!" type="hidden"><textarea name="f_comments" style="font-family:century gothic; overflow:hidden;font-size: 10pt; color:6d8ed8; padding:1px;font-weight:none;letter-spacing:-0px;line-height:10pt;width:130px;background-image:url();text-align:justify; border-color:ffffff; background-color:transparent ; border-style:solid; height:70px;border-width:1px;">comment. </textarea><BR><input type="submit"value="click "style="color:ffffff;font-size:9px;font-family:century gothic;text-transform:lowercase;letter-spacing:1px;width:130px;background-color:transparent; border-color:ffffff; border-style:solid; border-width:1px;height:14px; line-height:9px;"></input></form></style></center>

</div>

<div class="Extra">
<span class="header"> Extra Content </span><br>
Keep something Extra in this box. Change the header and put whatever you want in here!!! Keep something Extra in this box. Change the header and put whatever you want in here!!! Keep something Extra in this box. Change the header and put whatever you want in here!!!
</div>

<div class="comments">
<span class="header">My Comments</span>
<table><tr><td><table><tr><td></style></style></style></span></div>