RASBERRY

Myspace Layouts / Div Overlay

Designer's Comments

Look carefully for specific instructions

Change all the "XXXXXXX" to your friend ID

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></td></tr></table></td></tr></table></td></tr></table></div>
    <style>
BODY {background-color:FFFFFF;background-image:url(http://cbimg6.com/layouts/08/08/30978aa.jpg);background-attachment:scroll;background-position:CENTER CENTER;background-attachment:fixed;background-repeat:repeat;scrollbar-face-color:8b1d4a;scrollbar-highlight-color:8b1d4a;scrollbar-3dlight-color:e2becb;scrollbar-darkshadow-color:e2becb;scrollbar-shadow-color:8b1d4a;scrollbar-arrow-color:e2becb;scrollbar-track-color:8b1d4a;}
body,table,tr,td,div,marquee,a{cursor:url(http://www.layouts247.net/x/cursors/tiny.cur),default!important;}
.HEADER {background-color:E2BECB;background-image:url(http://cbimg6.com/layouts/08/08/30978ab.png);background-position:bottom RIGHT;background-repeat:no-repeat;position:absolute;display:block;margin-left:-380px;left:50%;top:155px;_top:152;height:255px;_height:258;visibility:visible!important;width:757px;_width:762px;max-width:757px;border-left:2px solid;border-left-color:9f2854;border-right:2px solid;border-right-color:9f2854;}
.COMMENT_ME{color:fdfff0;font-size:11px;letter-spacing:-1;OVERFLOW:HIDDEN;background-color:E2BECB;position:absolute;display:BLOCK;left:50%;top:410px;margin-left:120px;_margin-left:120px;width:259px;_WIDTH:262PX;height:295px;visibility:visible!important;border:0px;overflow:auto;text-align:left;text-transform:overline;border-right:2px solid;border-right-color:9f2854;}
.MAIN {color:8B1D4A;background-color:E2BECB;background-image:url(http://cbimg6.com/layouts/08/08/30978ac.gif);background-position:100% 100%;background-repeat:repeat;background-attachment:fixed;text-align:center;border:0px;left:50%;margin-left:-380px;padding-top:0px;padding-bottom:10px;top:705px;position:absolute;width:757px;_width:757px;MAX-WIDTH:757PX;visibility:visible!important;letter-spacing:1;font-family:tahoma;border-left:2px solid;border-left-color:9f2854;border-right:2px solid;border-right-color:9f2854;}
.LEFTBOX {background-color:E2BECB;color:8B1D4A;padding-top:10px;float:right;overflow:hidden;left:50%;visibility:visible!important;width:515px;_width:515px;max-width:515px;text-align:left;letter-spacing:1;font-family:tahoma;border-left:1px solid;border-left-color:olive;border-bottom:1px solid;border-bottom-color:olive;}
.CENTERBOX {color:8b1d4a;background-color:E2BECB;padding-top:10px;float:left;left:50%;width:235px;_width:235px;max-width:235px;visibility:visible!important;text-align:left;letter-spacing:1;font-family:tahoma;padding:0;border-right:1px solid;border-right-color:olive;border-bottom:1px solid;border-bottom-color:olive;overflow:hidden;}
.RIGHTBOX {color:8b1d4a;background-color:transparent;padding-top:10px;overflow:hidden;float:left;left:50%;margin-top:25px;visibility:visible!important;width:235px;max-width:230px;_width:235px;text-align:left;letter-spacing:1;font-family:tahoma;border:0px;padding:0;}
.CENTERBOX A,.CENTERBOX A:VISITED {color:E2BECB;background-color:9F2854;padding:2;margin:1;display:block;overflow:hidden;_width:234PX;max-width:100%;line-height:10px;font-family:century gothic;font-size:12px;border-top:1px solid;border-top-color:56a013;border-bottom:1px solid;border-bottom-color:56a013;border-left:0px;border-RIGHT:0PX;}
.CENTERBOX A:HOVER{color:9F2854;text-align:right;text-decoration:none;background-color:E2BECB;background-image:url();padding:2;margin:1;display:block;line-height:10px;font-family:century gothic;font-size:12px;}
P{margin:0 10 0 20;color:olive;font-family:tahoma;font-size:12px;}
B{font-family:tahoma;text-transform:uppercase;}
U{color:olive;font-family:tahoma;}
I{color:oldlace;font-family:tahoma;}
S{color:olive;font-family:tahoma;}
H1{color:E2BECB;background-color:8B1D4A;padding:0;margin:0;display:block;width:100%;border-left:0px;border-right:0px;border-top:3px SOLID;border-top-color:OLIVE;border-bottom:2px SOLID;border-bottom-color:OLIVEDRAB;font-family:comic sans ms;font-size:13px;text-transform:uppercase}
BLOCKQUOTE{color:e2becb;background-color:8b1d4a;display:block;width:450px;text-align:center;visibility:visible!important;padding:5 0 5 0;margin:0 40 0 40;font-family:tahoma;letter-spacing:1px;font-size:14px;border:4px double;border-color:olive;}
TEXTAREA.YARDBUNNY1 {padding:10 0 5 0;background-color:EBC5D3;width:195px;height:175px;font-family:century gothic;color:8B1D4A;font-size:14PX;border-width:0px;text-align:center;overflow:auto;BORDER:1PX DOTTED;BORDER-COLOR:OLIVE;}
INPUT.YARDBUNNY2 {color:F3EEE8;background-color:transparent;font-size:10pt;width:97PX;height:20PX;font-family:palatino linotype!important;border:0px;letter-spacing:0px;text-transform:uppercase;font-weight:bold;BORDER:1PX SOLID;BORDER-COLOR:OLIVE;}
div.form,div div table div {display:none;}
.latestBlogEntry,.userProfileDetail{DISPLAY:NONE}
.clearfix table div div {display:block;}
.profile {visibility:hidden;}
.contacttable,.whitetext12,.nametext,.lightbluetext8,.orangetext15,.blacktext12,.btext,.redtext,.redbtext{display:none;height:0px;!important;visibility:hidden}
td td td td{border:0px;width:0px;text-align:left;}
table,td,tr{padding:0px;width:;background-color:transparent}
table table table{padding:1px;height:.01%;width:100%;}
table table,table table table table,table,tr,td{
height:0px;!important;border:0px;!important}
a.text,table div font a,.navbar font,tr td font{visibility:hidden;display:none;height:0px;!important;}
table table table table,table table table table td.text, td.text td.text table{display:none;}
td.text table table{display:inline;visibility:visible;}
table td table tr td.text table{visibility:hidden;}
table td table tr td.text table table,table td table tr td.text table table td.text{visibility:visible;}
img {border:0;}
     </style>
<table><tr><td><table><tr><td><table><tr><td>

Layout Code

Copy and paste to I'd Like to Meet

Help

</td></tr></table></td></tr></table></td></tr></table>
  </div>
    <style>
.commentlinks{display:none}
td.columnsWidening img,td.columnsWidening object {max-width:290px;_WIDTH:290PX}
td.columnswidening {padding:0px;_padding:0px;margin:0px;_margin:0px;}
table.friendspace {width:0px!important;}
table.friendspace td td, table.friendspace table table {width:0px; padding:0 1 0 0;_padding:0 1 0 0;}
table.friendspace td.text td td {vertical-align:bottom;}
table table br {line-height:2px}
table table table br {line-height:25px;}
table.friendspace {width:0px!important;}
table.friendspace td td, table.friendspace table table {width:0px;padding:0 0 1 0;}
table.friendspace td.text td td {vertical-align:bottom;}
.friendSpace td.text td td a img {width:50px;height:50px;}
.friendSpace td {padding:0px;}
.friendSpace td.text td br {line-height:0px;}
.friendSpace td.text .orangetext15 {display:none;}
.friendSpace td.text table {background-color:TRANSPARENT;}
.friendSpace .btext {display:none;}
.friendSpace td.text div {display:none;}
.friendSpace td.text td td a img {border:0px;}
.friendSpace {width:0px!important;}
.friendSpace td td, .friendSpace table table {width:0px;padding:0px;}
.friendSpace td.text td td a {visibility:hidden;font-size:0px;letter-spacing:-1000px;}
.friendSpace td.text td td {line-height:0px;}
.friendSpace td.text td td a img {visibility:visible;}
.friendSpace .ImgOnlineNow {display:none;}
div table tr td font {visibility:hidden;}
div table table tr td font {visibility:visible;}
a.text, table div font a,table div div {visibility:hidden;}
table table div font a,table table div div {visibility:visible;}
.comt {padding:0px;_padding:0px; margin:0px;margin:0px;background-color:E2BECB;position:absolute;display:inline;left:50%;top:410px;margin-left:-380px;_margin-left:-380px;width:500px;height:295px;visibility:visible!important;border:0px;overflow:auto;border-left:2px solid;border-left-color:9f2854;}
.blacktext10 {color:9F2854!important;background-color:transparent;display:block;height:12px;width:370px;_WIDTH:350;line-height:-70px;position:relative;top:30px;text-align:right;padding:12 15 0 0;_padding:12 15 0 0;margin:0px;font-size:13px;font-family:monospace;font-weight:normal;border-bottom:1px dotted;border-bottom-color:9F2854;} 
.comt .btext{display:none;}
.comt td td td a{visibility:hidden!important;font-size:0px!important;}
.comt td, .comt table{width:0px!important;height:0px!important;background-color:transparent!important;border:0px!important;_padding:2px!important;}
.comt td, .comt table{ width:0px!important;height:0px!important;background-color:transparent!important;border:0px!important;_padding:2px!important;}
.comt,.comt td,.comt table,.comt td a img,.comt td td td a,.comt td b a,.comt td .redlink{visibility:visible;}
.comt td td td b{top:0px; display:inline;}
.comt .orangetext15{display:none;}
.comt td b, .blacktext10 {display:block;}
.comt table,.comt td b,.comt .btext, .redlink{position:relative;top:-15px;background-color:pink;}
.comt {z-index:7; }
.comt td td td,.comt td td td b {font-family:century gothic;font-size:13px;color:9F2854;}
.comt td b, .comt td b a, .redtext {display:none;}
.comt td a.redlink {display:none;} 
.comt td a {color:f3eee8;font-family:century gothic;font-size:14px; }
.comt td a:hover {text-decoration:none;color:9F2854}
img{border:0px solid;border-color:000000;}
.comt a {color:9F2854!important;text-align:center}
div.profilewidth,div.profilewidth table,div.profilewidth table td {margin-left:1;width:761px!important;_width:762px;}
div.profile form {position:absolute;top:10px!important;right:10px!important;}div.srchfield input{width:150px!important;}
div.profile *{display:none!important;}
div.profilewidth div.clearfix {position:relative!important;top:-1px!important;z-index:9!important}
div.profilewidth {margin-top:-17px!important;}
div.profilewidth table{background-color:9f2854!important}
div.profileWidth table td, i i i.x {background-color:9f2854!important;}
div.profilewidth div{background-color:9f2854!important;}
div.profilewidth div ul li a{font-family:tahoma;font-size:9!important;font-weight:none;color:9f2854!important;letter-spacing:.1px;}
div.profilewidth div.clearfix,.i i i {background-image:none!important;}
div.profilewidth table td ul small {color:olive!important;font-size:13px!important;}
.clearfix ul,.clearfix TD UL{LCOLOR:9F2854;background-color:E2BECB!important;}
li.divider a,li.divider a:hover,li.divider a:active {background-color:9f2854;}
div.profilewidth div ul li a:hover,div.profilewidth div ul .open {background-color:OLDLACE!important;text-align:right;}
div.profilewidth div ul {border-top:0px DOUBLE;border-top-color:OLDLACE;}
div.profilewidth div a{border:1px RIDGE;border-color:9f2854;}
div.clearfix td div{background-color:9F2854!important;}
     </style>

</td></tr></table></td></tr></table>
<div class="comt">
<center><h1>FRIENDS & COMMENTS</h1></center>
  <br />
    <br />
<center><table class="off"><tr><td><table><tr><td>

Layout Code

Copy and paste to Heroes

Help

</td></tr></table></td></tr></table></td></tr></table></div>
 <div class="header"></div>
   <div class="comment_me">
<center><h1>COMMENT ME HERE!</h1></center>
  <br /><center>
<form method="post" action="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudHMubXlzcGFjZS5jb20vaW5kZXguY2ZtP2Z1c2VhY3Rpb249dXNlci5jb25maXJtY29tbWVudA==">
<input name="friendid" value="XXXXXXXX" type="hidden" />
<textarea name="f_comments" class="yardbunny1">Type here!</textarea><br />
<input type="image" src="http://i150.photobucket.com/albums/s86/tasmith16028/LAYOUTS/button-black-2.png" class="yardbunny2" value="send" /></form></center>
<br />
    </div>

<div class="main"><img src="http://cbimg6.com/layouts/08/08/30978ad.png" width="758PX" />
 <div class="leftbox">This is a div overlay with a header, friends,comments & comment box at the top. Then after that it's a fluid layout, meaning that the div boxes grow "NOT SCROLL!" as you add your stuff in them. <br />
<p>This is "P" selector </p>
<b>This is "B" selector.</b><br />
<u>This is "U" selector.</u><br />
<i>This is "I" selector</i><br />
<s>This is "S" selector</s><br />
<h1>This is "H1" selector</h1><br />
<blockquote>This is the"BLOCKQUOTE" selector</blockquote><br />
This is just plain text without a selector.<br />
<span style="text-decoration:overline">"OVERLINE TEXT</span>
<br />
  <br />
<h1>About me</h1>
FEARLESS FRANK<br /><img src="http://cbimg6.com/layouts/08/08/30978ae.png" hspace="2" vspace="2" align="left" />
DOB:11/16/05<br />
BREED:AKC mini dachshund<br />
LIKES: Ball-ball & Humpy Bear<br />
DISLIKES: Fleas & Baths<br /> 
<br />
  <br />
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
<br />
  <br />
<h1>Title</h1>
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
<br />
  <br />
<h1>Title</h1>
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem 
<br />
 <br />
  </div>

<div class="centerbox">
<h1>Title</h1>This is the center box. place your links and music here.<br />
<br />
  <br />
<h1>Menu</h1>
<a href="http://home.myspace.com/index.cfm?fuseaction=user">Home</a>
<a href="http://friends.myspace.com/index.cfm?fuseaction=invite.addfriend_confirm&statusCD=1&friendID=XXXXXXXX">Add to Friends</a>
<a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX">Send Message</a>
<a href="http://home.myspace.com/index.cfm?fuseaction=user.viewfriends&friendID=XXXXXXXX">View All Friends</a>
<a href="http://www.myspace.com/index.cfm?fuseaction=user.viewComments&friendID=XXXXXXXX">View All Comments</a>
<a href="http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=XXXXXXXX">View All Blogs</a>
<a href="http://blog.myspace.com/index.cfm?fuseaction=blog.ConfirmSubscribe&friendID=XXXXXXXX">Subscribe To Blog</a>
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums2&friendID=XXXXXXXX&view=true">View All Pictures</a>
<a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=XXXXXXXX">Add Comment</a>
<a href="http://friends.myspace.com/index.cfm?fuseaction=block.blockUser&userID=xxxxxxxxx">Block me</a>
<br />
 <br />
  </div>

<div class="rightbox"><h1>Title</h1>
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
<br />
  <br />
   </div>

<div class="clear"></div>
<br />
  <br />
<h1>Title</h1>
This is the bottom section!<br />
This width is 758px. Put your slide shows and larger things in this section.
<br />
  <br />
<h1>Title</h1>
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
<br />
 <br />
  <br />
   <br />
</div>
  </div>