Summer to Fall

Designer's Comments

Look carefully for specific instructions

Alignment: middle
Background color: #cc9999
Width: full screen
Search bar: no
Replace USERNAME with your xanga username.

Using This Layout

For specific instructions read designer's comments

1. Disable Xanga themes (edit theme -> uncheck make this your active theme -> save)
2. Log into xanga.com (look & feel)
3. Copy (ctrl c) and paste (ctrl v) code to the specified fields

Layout Code

Copy and paste to Header HTML

Help

<-- *Carry Me Away by souldreamers* -->

</style>
<span>
<body>
<div style="height: 505px"></div>
<div align="left">
<div id="background picture" style="position:static; margin-left:50px;margin-top:-500px;border: 0px solid #FF0000; width:900px; height: 505px; background: none; overflow: auto; FILTER: chroma(color=#FFFFFF) allowTransparency">
<img src="http://images.cbstaff.com/xanga/03/skin0736_img1.jpg"><img src="http://images.cbstaff.com/xanga/03/skin0736_img2.jpg"><img src="http://images.cbstaff.com/xanga/03/skin0736_img3.jpg"><img src="http://images.cbstaff.com/xanga/03/skin0736_img4.jpg"><img src="http://images.cbstaff.com/xanga/03/skin0736_img5.jpg" usemap="#05" border=0>
<MAP NAME="05">
  <AREA SHAPE=RECT COORDS="229,77,322,85" HREF="http://www.xanga.com/"  ALT="xanga home"  OnMouseOut="window.status=''; return true"  OnMouseOver="window.status=''; return true">
  <AREA SHAPE=RECT COORDS="347,75,384,88" HREF="http://www.xanga.com/Private"  ALT="your private"  OnMouseOut="window.status=''; return true"  OnMouseOver="window.status=''; return true">
  <AREA SHAPE=RECT COORDS="390,75,425,88" HREF="http://www.xanga.com/profile.aspx?user=souldreamers"  ALT="my profile"  OnMouseOut="window.status=''; return true"  OnMouseOver="window.status=''; return true">
  <AREA SHAPE=RECT COORDS="432,75,454,86" HREF="http://www.xanga.com/CLAF/default.asp"  ALT="look and feel"  OnMouseOut="window.status=''; return true"  OnMouseOver="window.status=''; return true">
  <AREA SHAPE=RECT COORDS="461,76,512,87" HREF="http://www.xanga.com/Private/subs.aspx"  ALT="read your subs"  OnMouseOut="window.status=''; return true"  OnMouseOver="window.status=''; return true">
  <AREA SHAPE=RECT COORDS="518,75,559,87" HREF="http://www.xanga.com/private/SubscribeTo.aspx?user=souldreamers"  ALT="get your dose of me"  OnMouseOut="window.status=''; return true"  OnMouseOver="window.status=''; return true">
  <AREA SHAPE=RECT COORDS="566,74,612,86" HREF="http://www.xanga.com/Private/feedback.aspx"  ALT="feedback"  OnMouseOut="window.status=''; return true"  OnMouseOver="window.status=''; return true">
  <AREA SHAPE=RECT COORDS="621,75,675,87" HREF="http://www.xanga.com/guestbook.aspx?user=souldreamers"  ALT="sign my guestbook"  OnMouseOut="window.status=''; return true"  OnMouseOver="window.status=''; return true">
  <AREA SHAPE=RECT COORDS="710,74,864,85" HREF="mailto:souldreamers@tampabay.rr.com"  ALT="e-mail me - I make custom skins "  OnMouseOut="window.status=''; return true"  OnMouseOver="window.status=''; return true">
</MAP></div>

<div id="left module" style="position:static; margin-left:108px;margin-top:-370px;border: 0px solid #FF0000; width:200px; height: 265px; background: none; overflow: auto; FILTER: chroma(color=#FFFFFF) allowTransparency">
<table border="0"  width=100%>
<tr>
<td colspan=1>
<font color="black">
****************

<br><B>PLACE YOUR CUSTOM MODULE HERE!!!</B><BR>

Try not to put any pics with a width greater than 180 here, or else you'll get a horizontal scroll. =oD  <br><b>Hope you guys like it!</b>
<br><br>

****************

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

body {
 background-image: url();
 background-color: #cc9999;
 background-repeat:repeat-y;
 scrollbar-arrow-color: #000000;
 scrollbar-track-color: #FFFFFF;
 scrollbar-shadow-color: #FFFFFF;
 scrollbar-face-color: #FFFFFF;
 scrollbar-highlight-color: #FFFFFF;
 scrollbar-darkshadow-color: #FFFFFF;
 scrollbar-3dlight-color: #FFFFFF;
 }
texttable.left, td.mainleft, table.left, table.navigation, table.footer, table.search {
display: none;
}

.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {
/* edits main text */
 font:9px verdana;
 color:83002E;
 padding-top:5;
 padding-left:2;
 padding-right:2;
 padding-bottom:5;
}

div.blogheader, .caption {
/* edits the dates */
 background-image:url();
 width:350px;
 background-color: E7762F;
 font-family:arial;
 text-transform:none;
 font-size:11px;
 border: 1px solid #000000;;
 color:#000000;
 text-align:center;
 font-weight:bold;
 padding-top:1;
 padding-left:7;
 padding-right:7;
 padding-bottom:1;
 }
a:link, .footernav.link, a.footernav:link, a.footernav:active {
/* edits all links */
 color:#D68D1A;
 font: 9px verdana;
 text-decoration: none;
 }
 
a:visited, a.footernav:visited,  {
/* edits the links that the user has visited */
 color:#C9851B; 
 font: 9px verdana;
 text-decoration: none;
 }
 
a:hover {
/* edits when user mouseovers the links */
 color:#FFE4ED;
 font: 9px verdana;
 cursor: crosshair;
 background-color: DD1E61;
 border: 0px solid #000000;
 text-decoration: none;
}
 
input, select, textarea, iframe.htmleditor, .textfield, .button {
/* this edits the buttons, dropdowns, etc. */
 border: 1px solid #D00B50;
 font: 9px verdana;
 background-color: #E3628B;
 color:#FBEAF0;
 letter-spacing:0px;
 }
table.blogbody {
/* this edits the other place where the  blog is */
 background-color: transparent;
 width:350px;
 font: 9px verdana;
 border: 0px solid #000000;
 padding-bottom: 3px;
 padding-top: 3px;
 }
table.search TD, table.search, table.announcements {
/* border of search bar (if you have it) */
 background-color: none; 
 border: 0px solid #000000;
 }
table.search TD, table.announcements TH {
/* this should be left alone */
/* unless you know what to do */
  border: 0px solid #000000;
  }
table.blogbody tr td {
/* this edits the left margin of blog */
  width:0px;
  padding: 2px;
  }
table.blogbody div.smalltext{
/* this edits the blog entry footer */
  text-align: center;
  padding-bottom: 3px;
}
hr {
/* horizontal divider */
 border: 1px solid #D68D1A;
 width: 1px;
 }
 #htmleditor, {height: 125px;}
#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops {
 width: 340px;
 }
 #rblEprops, 
 #pnlEnabled table, 
 #pnlEprops table { 
  width: 340px !important;
  font-family: tahoma;  
  font-weight:normal;
  font-size:8pt; 
  background-color: transparent;   
  text-align: justify;
  line-height:9px;
  color:#000000;}

</style>
</span>
</body>

Layout Comments

Showing latest 4 of 4 comments

Ooo, very nice

By CuntBlog on Feb 20, 2011 8:15 pm

noooooooooo i was going to use this but its for xanga! how do i change it so i can use it on myspace?

By lostinside1 on Sep 20, 2008 5:55 pm

if i had xanga i would totally use! its beautiful

By sweetphatty on Jun 8, 2008 5:14 pm

I just wanted to let you know a few things...
1. This layout is beautiful.
2. "USERNAME" is not in the coding.
3. It all seems to be aligned perfectly, except there is this horizontal scroll bar in the little blogging section. I do not know if it is me, or if that is just how the width is, but it is no big deal.
Great layout!!

By histriockmybodyx3 on Apr 13, 2008 10:41 am

Layout Details

Designer	souldreamers
Submitted on	Apr 21, 2005
Page views	13,037
Favorites	42
Comments	4

Summer to Fall

Designer's Comments

Using This Layout

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates