Summers End

Designer's Comments

Look carefully for specific instructions

TESTED IN FF & IE
This is a div overlay with a matching nav,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. Just replace all the"XXXXXX" with your Friend ID.

NOTE: The NAVBAR does not show up in the createblog preview.

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></tr></table></td></tr></table></td></tr></table></div>
    <style>
*, HTML, BODY {margin:0;padding:0;}
BODY,TABLE,TR,TD,DIV,MARQUEE,A{cursor:url(http://www.layouts247.net/x/cursors/tiny.cur),default!important;}
BODY {background-color:FFFFFF;background-image:url(http://cbimg6.com/layouts/08/09/31127aa.jpg);background-attachment:scroll;background-position:BOTTOM RIGHT;background-attachment:fixed;background-repeat:repeat;scrollbar-face-color:6ab686;scrollbar-highlight-color:6ab686;scrollbar-3dlight-color:b6f1ca;scrollbar-darkshadow-color:b6f1ca;scrollbar-shadow-color:6ab686;scrollbar-arrow-color:b6f1ca;scrollbar-track-color:6ab686;
}
.HEADER {background-color:A2EED4;background-image:url(http://cbimg6.com/layouts/08/09/31127ab.jpg);
background-position:CENTER LEFT;background-repeat:no-repeat;position:absolute;display:block;
margin-left:-380px;
left:50%;top:39;height:255px;_height:258;visibility:visible!important;
width:757px;_width:762px;max-width:757px;border-left:2px solid;border-left-color:5CAD76;border-right:2px solid;
border-right-color:5CAD76;
}
.HEADERTEXT{color:6ab686;font-weight:normal;font-family:tahoma;font-size:36;letter-spacing:-4;margin-top:219;_MARGIN-TOP:223PX;text-indent:5px;text-align:left;z-index:9;visibility:visible!important;
}
.COMMENT_ME{filter:alpha(opacity=90);opacity:0.9;color:527B39;background-color:A2EED4;background-image:url(http://cbimg6.com/layouts/08/09/31127ac.jpg);background-position:CENTER;background-repeat:repeat;font-size:11px;letter-spacing:-1;OVERFLOW:HIDDEN;position:absolute;display:BLOCK;left:50%;top:294px;
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:5CAD76;
}
.MAIN {color:5DAC77;filter:alpha(opacity=90);opacity:.9;background-image:url(http://cbimg6.com/layouts/08/09/31127ac.jpg);background-position:CENTER;background-color:A2EED4;text-align:center;border:0px;left:50%;margin-left:-380;padding-top:0px;padding-bottom:10px;top:589;position:absolute;width:757;_width:762;MAX-WIDTH:757;visibility:visible!important;font-family:verdana;font-size:12px;border-left:2px solid;border-left-color:5CAD76;border-right:2px solid;border-right-color:5CAD76;}
.LEFTBOX {filter:alpha(opacity=80);opacity:0.9;background-color:A2EED4;color:5DAC77;float:right;overflow:hidden;left:50%;visibility:visible!important;width:515px;_width:515px;max-width:515px;text-align:left;font-family:verdana;font-size:12px;border-left:1px solid;border-left-color:5CAD76;border-bottom:1px solid;border-bottom-color:5CAD76;border-top:1px solid;border-top-color:5CAD76}
.CENTERBOX {filter:alpha(opacity=90);opacity:0.9;color:5DAC77;background-color:A2EED4;padding-top:10px;float:left;left:50%;width:235px;_width:235px;max-width:235px;visibility:visible!important;text-align:left;font-family:verdana;font-size:12px;padding:0;border-right:1px solid;border-right-color:5CAD76;border-bottom:1px solid;border-bottom-color:5CAD76;border-TOP:1px solid;border-TOP-color:5CAD76;overflow:hidden;}
.RIGHTBOX {filter:alpha(opacity=90);opacity:0.9;color:5DAC77;background-color:A2EED4;padding-top:10px;overflow:hidden;float:left;left:50%;margin-top:25px;visibility:visible!important;width:235px;max-width:235px;_width:235px;text-align:left;font-family:verdana;font-size:12px;border:0px;padding:0;border-bottom:1px solid;border-bottom-color:5CAD76;border-right:1px solid;border-right-color:5CAD76;border-top:1px solid;border-top-color:5CAD76}
.CENTERBOX A,.CENTERBOX A:VISITED {color:AEFFE3!important;background-color:5CAD76;padding:2;margin:1;display:block;overflow:hidden;_width:234PX;max-width:100%;line-height:12px;font-family:verdana;font-size:11px;border-top:1px dotted;border-top-color:B1FAD2;border-bottom:1px DOTTED;border-bottom-color:B1FAD2;border-left:0px;border-right:0PX;}
.CENTERBOX A:HOVER{color:55936C!important;text-align:right;text-decoration:none;background-color:AEFFE3;background-image:url(http://cbimg6.com/layouts/08/09/31127ad.jpg);background-position:center;background-repeat:repeat;padding:2;margin:1;display:block;line-height:12px;font-family:century gothic;font-size:12px;}
A{FONT-FAMILY:TAHOMA;FONT-SIZE:12;FONT-WEIGHT:BOLD;COLOR:52936C!IMPORTANT}A:HOVER{COLOR:OLDLACE!IMPORTANT}
P{margin:0 10 0 20;color:5DAC77;font-family:century gothic;font-size:13px;}
B{ color:5DAC77;font-family:verdana;font-size:11px;text-transform:uppercase;letter-spacing:-1;}
U{color:5DAC77;font-family:verdana;font-size:12px;}
I{color:5DAC77;font-family:verdana;font-size:12px;}
S{color:5DAC77;font-family:verdana;font-size:12px;}
H1{background-image:url(http://cbimg6.com/layouts/08/09/31127ad.jpg);background-position:CENTER;background-repeat:repeat;color:5CAD76;background-color:transparent;padding:0;margin:0;display:block;width:100%;border-left:0px;border-right:0px;border-top:2px solid;border-top-color:5CAD76;border-bottom:1px dotted;border-bottom-color:5CAD76;font-family:verdana;font-size:14px;text-transform:uppercase}
BLOCKQUOTE{color:B0FBD4;background-color:5CAD76;display:block;width:450px;text-align:center;visibility:visible!important;padding:5 0 5 0;margin:0 40 0 40;font-family:verdana;font-size:12px;border:4px double;border-color:B0FBD4;}
TEXTAREA.YARDBUNNY1 {padding:10 0 5 0;background-color:aeffe3;background-image:url(http://cbimg6.com/layouts/08/09/31127ad.jpg);width:195px;height:175px;font-family:verdana;color:5DAC77;font-size:14PX;border-width:0px;text-align:center;overflow:auto;border:1px dotted;border-color:5cab75;}
INPUT.YARDBUNNY2 {color:527B39;background-color:transparent;font-size:10pt;width:195PX;height:27PX;font-family:palatino linotype!important;border:0px;letter-spacing:0px;text-transform:uppercase;font-weight:bold;border:0px solid;border-color:olive;}

</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 {MAXwidth: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;_padding:0;}
table.friendspace td.text td td {vertical-align:bottom;}
table table br {line-height:0px}
table table table br {line-height:10px;}
.friendSpace {width:0px!important;}
.friendSpace td.text td td a img {border:0px;width:70px;height:70px;}
.friendSpace td.text table {MARGIN-TOP:5;background-color:TRANSPARENT;}
.friendSpace .btext {display:none;}
.friendSpace td.text div {display:none;}
.friendSpace td td,.friendSpace table table {width:0px;padding:0px;}
.friendSpace td.text td td a img {visibility:visible;}
.friendSpace.ImgOnlineNow {display:none;}

.comt {padding:0px;_padding:0px;margin:0px;margin:0px;color:5DAC77;filter:alpha(opacity=90);opacity:.9;background-image:url(http://cbimg6.com/layouts/08/09/31127ac.jpg);background-position:CENTER;background-color:A2EED4;position:absolute;display:inline;left:50%;
top:294px;margin-left:-380px;_margin-left:-380px;width:500px;height:295px;visibility:visible!important;border:0px;
overflow:auto;border-left:2px solid;border-left-color:5AAC7B;
}
.blacktext10 {color:5AAC7B!important;background-color:transparent;display:block;height:12px;width:370px;_WIDTH:350;line-height:-30px;position:relative;top:0px;text-align:right;padding:12 15 0 0;_padding:12 15 0 0;FONT-SIZE:7PT;font-family:VERDANA;border-bottom:1px dotted;border-bottom-color:5AAC7B
} 
.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:TRANSPARENT;}
.comt {z-index:7; }

.comt td td td,.comt td td td b {font-family:VERDANA;font-size:9pT;color:5AAC7B;}
.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:OLDLACE}
img{border:0px;}
.comt a {color:5AAC7B!important;text-align:center}

{HIDES PROFILE}
table,tr,td{visibility:;background-color:transparent}
td.img,.tdborder,.whitetext12,.lightbluetext8,.userProfileDetail,.userProfileSchool,.userProfileCompany,.userProfileNetworking,.userProfileDetail,table.interestsAndDetails,table.extendedNetwork,table.latestBlogEntry,table.blurbs,table.userProfileDetails,table.userProfileURL,table.profileInfo,table.contactTable{visibility:hidden;display:none}
.orangetext15,.btext,.redtext,.redlink,.friendtext{border:0px!important;display:none}
table.intrestsAndDetails{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;}
.commentlinks{display:none}
div.profilewidth,div.profilewidth table,div.profilewidth table td {margin-left:1;width:761px!important;_width:762px;MARGIN-TOP:-170}
div.profilewidth div.clearfix {position:relative!important;top:-50px!important;z-index:9!important}
div.profileWidth table td {background-color:5CAD76!important;}
div.profilewidth div{background-color:TRANSPARENT!important;}
{LINK COLOR AND FONT STYLES}div.profilewidth div ul li a{color:49875F!important;font-family:tahoma;font-size:9!important;font-weight:none;letter-spacing:.1px;}
{LINK HOVER COLOR AND FONT STYLES}div.profilewidth li a:hover{color:D9FFED!IMPORTANT}
{COLORS ARROW}div.profilewidth table td ul small {color:D9FFED!important;font-size:13px!important;}
{ALL LINK BGCOLOR}.clearfix ul,.clearfix TD UL{background-color:A1EDD3!important;}
{SPECIAL LINKS IN DROPBOX COLOR}li.divider a,li.divider a:hover,li.divider a:active {background-color:49875F;}
{DROPBOX HOVER COLOR}div.profilewidth div ul li a:hover,div.profilewidth div ul .open {background-color:5CAD76!important;text-align:right;}
{OUTLINES LINKS AND DROPBOX}div.profilewidth div a{border:1px SOLID;border-color:5CAD76;}
      </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 class="headertext">
YOUR HEADER TITLE.
</div>
   </div>

<div class="comment_me">
<center><h1>COMMENT ME HERE!</h1></center>
  <br /><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" class="yardbunny1">Type here!</textarea><br />
<input type="image" src="http://i150.photobucket.com/albums/s86/tasmith16028/LAYOUTS/Sept-Lay-1/BUTTON1.jpg" class="yardbunny2" value="send" /></form></center>
<br />
    </div>

<div class="main">
 <div class="leftbox"><h1>ABOUT THIS LAYOUT</h1>
TESTED IN FF & IE<br>
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. Just replace all the"XXXXXXXX" with your Friend ID. 
<br />
  <br>
<blockquote>This is the "BLOCKQUOTE"</blockquote><br />
<br />
  <br />
<h1>About me</h1>
<b>YOUR NAME</b><br /><img src="http://cbimg6.com/layouts/08/09/31127ae.gif" hspace="2" vspace="2" align="left" />
<b>Age:</b> Your Answer.<br />
<b>Status:</b> Your Answer.<br />
<b>Orientation:</b> Your Answer.<br />
<b>Occupation:</b> Your Answer.<br />
<b>Zodiac</b> Your Answer.
<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=XXXXXXXX">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>
<table><tr><td><table><tr><td><table><tr><td>