Sitting In The Rain

Designer's Comments

Look carefully for specific instructions

Picture colored by me in PSPX2. Please give credit if you use. It is NOT a DeviantArt image. All colors are drawn from the image.

Once you have copied the codes into the correct boxes, hit CTRL + F and search for CookieCakeLays. In the link box, replace all the CookieCakeLays. Do not replace the credit nor the stylehsheet tag.

If you have any questions, please message me or comment my layout site {CookieCakeLays @ xanga.com}

Don't forget to remove the search bar!

Edit: please visit my new site: http://romanticharmonies.xanga.com/

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

<p><a href="http://www.createblog.com/xanga-layouts/" title="Grab Xanga Layouts and Xanga Codes"><img src="http://www.createblog.com/images/link1.gif" border="0" alt="Xanga Layouts" style="position:absolute;top:0px;left:0px;width:10px;height:27px;" /></a></p><script>document.title="Sitting in the rain // under my red umbrella";</script>

a:hover {
/* edits when user mouseovers the links */
color: #333333;
font: normal 16px French Script MT;
line-height:10px;
background-color: #transp;
cursor: none;
text-decoration: none;
}
input, select, textarea, .textfield, .button {
/* this edits the buttons, dropdowns, etc. */
border: 1px dotted #e44b4e;
font:normal 10px;
background-color: #000000;
letter-spacing:0px;
font: normal 10px Trebuchet MS;
color: #ffffff;
scrollbar-arrow-color: #e44b4e;
scrollbar-track-color: #000000;
scrollbar-shadow-color: #000000;
scrollbar-face-color: #333333;
scrollbar-highlight-color: #000000;
scrollbar-darkshadow-color: #000000;
scrollbar-3dlight-color: #000000;
}
table.left { 
/* this edits the menu module */
border: 3px solid #000000;
width:320px;
background-color: #000000;
}
table.blogbody {
/* this edits the other the place where the blog is */
background-image: url();
background-repeat: no-repeat;
background-position: top left; 
border-left: 2px solid #000000;
border-bottom: 2px solid #000000;
border-right: 2px solid #000000;
background-color: #000000;
width:560px;
}
table.left th {
/* on your menu module, this edits the title part of it */
/* like BLOGRINGS, POSTING CALENDAR, etc */
background-image: url();
background-color: #000000;
font: normal 16px Haettenschweiler;
text-transform: none;
text-align: right;
color: #e44b4e;
border-top: 0px solid #000000;
border-left: 0px solid #000000;
border-right: 0px solid #000000;
}
table.left TD 
{
/* on your menu module, this edits the body part of it */
background-image: url();
background-attachment: fixed;
background-repeat: repeat;
background-position: top left;
background-color: #000000;
border-left: 0px solid #000000;
border-right: 0px solid #000000;
border-bottom: 0px solid #000000;
border-top: 0px solid #000000;
color: #ffffff;
text-align: center;
}

DIV {
scrollbar-arrow-color: #e44b4e;
scrollbar-track-color: #000000;
scrollbar-shadow-color: #000000;
scrollbar-face-color: #333333;
scrollbar-highlight-color: #000000;
scrollbar-darkshadow-color: #000000;
scrollbar-3dlight-color: #000000;
}

table.search TD, table.search, table.announcements {
/* border of search bar (if you have it) */
background-color: #000000;
border: 2px solid #000000;
}
table.search TD, table.announcements TH {
/* this should be left alone */
/* unless you know what to do */
border: 0px solid #333333;
}
table.navigation, table.main, table.footer {
/* the width of your blog with modules */
width: 700px;
}
hr {
/* horizontal divider */
border: 1px solid #333333;
}
</style>
<style type="text/css">table.navigation, table.footer { display:none; }</style>

Layout Code

Copy and paste to Website Stats

Help

<td id="customRight" style="display:none" margin-top:3px" vAlign="top" width="200">

<table class="left" cellSpacing="0" cellPadding="4" width="100%" border="1">
 <tr><th class="center" vAlign="top" align="center">
<img src="http://cbimg9.com/layouts/08/06/28929aa.jpg">
 </th></tr> 
 <tr><td class="center" vAlign="top">
<DIV id=scroll3 style="OVERFLOW: auto; WIDTH: 100%; HEIGHT: 60">

Her name is <strong>name</strong>. She goes by <em>nickname</em>, <u>nickname</u> and even <strong>nickname</strong>. You'll find her <em>strolling</em> through <strong><u>where you live</strong></u> with her <em>interest</em>, <strong>interest</strong> and <strong><em>music player</strong></em>. She stands <strong>short/tall</strong> at the age of <em>your age</em>, soon to be <u>next age</u>. She loves <em>hobby</em>, <strong>hobby</strong> and <u>hobby</u>. She's <strong>status</strong> but <em>how you feel about it</em>. She <em>hates</em> no likes, <u>no likes</u>, <strong>no likes</strong> and no likes.<br>
</div>

<div align=center><strong>AIM</strong> <a href="aim:goim?screenname=YourScreenName">ScreenNameHere</a> <img src="http://cbimg9.com/layouts/08/06/28929ab.gif"> </div>
</td></tr>
</table>
<br/>

<table class="left" cellSpacing="0" cellPadding="4" width="100%" border="1">
 <tr><th class="left" vAlign="top" align="center">
</th></tr>  
 <tr><td class="left" vAlign="top">
<DIV id=scroll3 style="OVERFLOW: auto; WIDTH: 100%; HEIGHT: 60">
<div align=left>
[ ] goal here<br>
[ ] goal here<br>
<em>---------------</em><br>
[ ] goal here<br>
[ ] goal here<br>
<em>---------------</em><br>
[ ] goal here<br>
[ ] goal here<br>
<em>---------------</em><br>
[ ] goal here<br>
[ ] goal here

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

<table class="left" cellSpacing="0" cellPadding="4" width="205px" border="1">
 <tr><th class="left" vAlign="top" align="center">
 </th></tr> 
 <tr><td class="left" vAlign="top">

<DIV id=scroll3 style="OVERFLOW: auto; WIDTH: 300px; HEIGHT: 70px; BACKGROUND-COLOR: transparent">
<div align=left>
Put whatever you want here! Icons, quotes, you name it. Go for it! If you put enough, you can make it scroll! Put whatever you want here! Icons, quotes, you name it. Go for it! If you put enough, you can make it scroll! Put whatever you want here! Icons, quotes, you name it. Go for it! If you put enough, you can make it scroll! Put whatever you want here! Icons, quotes, you name it. Go for it! If you put enough, you can make it scroll! Put whatever you want here! Icons, quotes, you name it. Go for it! If you put enough, you can make it scroll! Put whatever you want here! Icons, quotes, you name it. Go for it! If you put enough, you can make it scroll!
</div></div>
</td></tr>
</table>
<br/>

<table class="left" cellSpacing="0" cellPadding="4" width="205px" border="1">
 <tr><th class="left" vAlign="top" align="center">
<div align=center><img src="http://cbimg9.com/layouts/08/06/28929ac.gif"></div>
 </th></tr> 
 <tr><td class="left" vAlign="top">
 
<!-Thanks Codes_Inc-!> <marquee behavior="alternate">» <strong>song title</strong> - <em>artist</em> «</marquee> <!-Thanks Codes_Inc-!>
</td></tr>
</table>
<br/>

<a href="http://www.xanga.com" class="Box">  xanga</a>
<a href="http://www.xanga.com/signin.aspx" class="Box">sign in</a>
<a href="http://www.xanga.com/private/yourhome.aspx" class="Box">private</a>
<a href="http://www.xanga.com/Private/SubscribeTo.aspx?user=RomanticHarmonies" class="Box">+subscribe?</a>
<a href="http://www.xanga.com/Private/subs.aspx" class="Box">Subscriptions</a>
<a href="http://www.xanga.com/Private/feedback.aspx" class="Box">feedback</a>
<a href="http://edit.xanga.com/claf.aspx" class="Box">look & feel</a>
<a href="http://profile.xanga.com/RomanticHarmonies" class="Box">view my profile</a>
<a href="http://www.xanga.com/Private/profilebasic.aspx" class="Box">edit profile</a>
<a href="http://www.xanga.com/Private/editaccount.aspx" class="Box">account info</a>
<a href="http://www.xanga.com/logout.aspx" class="Box">log out</a>

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

<table class="left" cellSpacing="0" cellPadding="4" width="100%" border="1">
 <tr><th class="left" vAlign="top" align="center">
The Girls Say
</th></tr> 
 <tr><td class="left" vAlign="top">
 
you know you <a href="http://xanga.com/CookieCakeLays" target="_blank">Wanna Cookie</a>.
<br></td></tr>
</table>
<br/>

</td>
<script>
extra=false;
j=document.getElementById('MoreoverModule1_lblModuleTitle')
if(j){extra=true}
index=0;
var mytds = document.getElementsByTagName('td');
var i = 0;
for(i=0;i<mytds.length-1;i++){
 if(mytds[i].width=="200"){
  index++;
  if(index==(extra ? 2 : 1)){break;}}
}
var sidebar = (extra ? mytds[i]: mytds[i].parentNode)
var tsibpc = document.getElementById('customRight');
var rightSide = tsibpc.cloneNode(true);
rightSide.style.display = "block";
sidebar.appendChild(rightSide);
</script>

<br /></table></td></tr></tr></td></table><br /><ilayer name=""><div id="" style="width:1; height:1; BACKGROUND: #; FILTER: alpha(opacity=0); overflow:auto"><br /><ilayer name=""><div id="" style="width:1; height:1; BACKGROUND: #; FILTER: alpha(opacity=0); overflow:auto"><br /><br />
<

</table></td></tr></tr></td></table>
<ilayer name=""><div id="" style="width:1; height:1; BACKGROUND: #; FILTER: alpha(opacity=0); overflow:auto">
<ilayer name=""><div id="" style="width:1; height:1; BACKGROUND: #; FILTER: alpha(opacity=0); overflow:auto">