rain clouds & lightning

Designer's Comments

Look carefully for specific instructions

01. change "username here"s & fill in modules.
02. hide searchbar & use an ad remover.
03. keep credits on.
04. don't jock anything! including graphics & CSS. If you would like to use the sheet please subscribe to my site & let me know.
05. If you like the layout, subscribe & comment sarcastic serenity
06. Questions? Comments? Concerns? Email me at sarcasticserenity@gmail.com

this layout is compatible with both firefox & internet explorer

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 language=javascript>
document.title=(" •·×» usernamehere «•");
</script>
<div align=center>
<DIV id=scroll3 style="
  background-color: #1DD8DF;
  background-image: url(); 
background-repeat: repeat; 
background-attachment: fixed; 
 background-position: left;
  border: 3px double #999999;
  overflow: auto;
  width: 765px;
  height: 600px;
  padding-top: 10px;">
<style type=text/css>
/*©sarcasticserenity*/
body {
background-color: #transparent;
 background-image: url('http://cbimg9.com/layouts/08/07/29565aa.jpg'); 
background-repeat: repeat; 
 background-attachment: fixed; 
 background-position: top center;
  scrollbar-arrow-color:#1DD8DF;
  scrollbar-track-color: #FFFFFF;
  scrollbar-face-color: #FFFFFF;
  scrollbar-shadow-color: #86EED7;
  scrollbar-highlight-color: #86EED7;
  scrollbar-darkshadow-color: #FFFFFF;
  scrollbar-3dlight-color: #FFFFFF;
}
.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {
/* edits main text */
font:normal 8pt georgia; 
color:#000000;
text-align:center;
}
.blogbody b, .leftmodule b, table.left TD b, .standard b, p b, strong {
/* edits bolded text in your entry */
font-weight: bold;
color: #7FDEB4;
text-transform: none;

}
.blogbody u, .leftmodule u, table.left TD u, .standard u,  {
text-decoration: underline;
font-weight: regular;
color: #0BC071;
text-transform: none;
border-bottom: 1pt dashed #0BC071;
 }
.blogbody i, .leftmodule i, table.left TD i, .standard i, em {
text-decoration: italic;
color: #C8DE7A;
text-transform: none;
}
div.blogheader, .caption {
/*edits the dates*/
font: normal 22pt georgia;
color: #0AB1C1;
letter-spacing: -1px;
text-transform: none;
line-height: 23px;
background-color: #ffffff;
text-align: center;
width:425px;
border-right: 1px dashed #999999;
border-left: 1px dashed #999999;
border-top: 1px dashed #999999;
border-bottom: 0px dashed #999999;
  }
table.blogbody {
/* edit’s the blog */ 
background-color: #ffffff;
border-right: 1px dashed #999999;
border-left: 1px dashed #999999;
border-top: 0px dashed #999999;
border-bottom: 1px dashed #999999;
width:425px;
}
table.left { 
/* this edits the menu module */
border: 1px dashed #999999;
width:285px;
background-color: #ffffff;
}
table.left th {
/* edits menu titles */
 font: normal 22pt georgia;
letter-spacing: -1px;
 text-transform: none;
 line-height: 25px;
 height: 1px;
 color: #0AB1C1;
text-align: center;
}
table.left TD {
/* menu module body */
font:normal 8pt georgia; 
color:#000000;
text-align:center;
}
a:link, .footernav.link, a.footernav:link, a.footernav:active {
/* edits all links */
font: normal 7pt century gothic;
color: #588202;
line-height: 9pt;
text-decoration: none; 
text-transform: lowercase; 
background-color: #DCEF86;
border: 1px dashed #87EAEF;
letter-spacing: 0px;
}
a:visited, a.footernav:visited, {
/* edits the links that the user has visited */
font: normal 7pt century gothic;
color: #588202;
line-height: 9pt;
text-decoration: none; 
text-transform: lowercase; 
background-color: #DCEF86;
border: 1px dashed #87EAEF;
letter-spacing: 0px;
}
a:hover {
/* edits when user mouseovers the links */
font: normal 7pt century gothic;
color: #FFFFFF;
line-height: 9pt;
text-decoration: none; 
text-transform: lowercase; 
background-color: #87EFD8;
border: 1px dashed #87EAEF;
letter-spacing: 0px;
}
input, select, textarea, .textfield, .button {
/* this edits the buttons, dropdowns, etc. */
  border: 1px solid #87EAEF;
  font:normal 7pt;
  text-transform: none;
  background-color: #DCEF86;
  letter-spacing:0px;
  color: #000000;
  }
table.search TD, table.search, table.announcements {
/* border of search bar (if you have it) */
 background-color: #DCEF86;
 border: 0px solid #ffce38;
 }
table.navigation, table.main, table.footer {
/* the width of your blog with modules */
  width: 300px;
 background-image: url(); 
 border: 0px solid #FFFFFF;
 }
hr {
/* horizontal divider */
 Display:none;
 }
table.footer TD {
/* this makes the footer at the bottom centered */
/* leave it alone unless you know what to do*/
  text-align: center;
  }
.search, .searchbarborder, .footer, hr, banner{ display: none; }
</style>
<STYLE type="text/css">
table.navigation {display: none;};</STYLE><style type='text/css'>.mainleft { display:none; }</style>

Layout Code

Copy and paste to Website Stats

Help

<td id="customRight" style="display:none" vAlign="top" width="200">

<table class="left" cellSpacing="0" cellPadding="4" width="100%" border="1">
 <tr><th class="left" vAlign="top" align="left">
all about me
 </th></tr> 
 <tr><td class="left" vAlign="top">
<b>name</b> <i>age</i> <u>loc.</u>
<div id="scroll3" style="width:275;height:90;background-color:Transparent;overflow:auto">
write <b>about</b> yourself here. Include your <I>likes</I> dislikes <U>interests</U> hobbies etc. =] <U>fill</U> out the <I>whole</I> module so that the scroll <U>appears</U> so it will look right. <b>also</b> be sure to put your <b><U>username</U></b> in the "USERNAME HERE" so that your friends <I>can</I> sub to <U>you</U> <I>!!</I> faaa laaa laaa <b>laaa</b> doe rae me fa so <i>la</i> tee doe do tee la so fa me <u>rae</u> doe
<BR></div>
</table>
<br/>

<table class="left" cellSpacing="0" cellPadding="4" width="100%" border="1">
 <tr><th class="left" vAlign="top" align="left">
only the best
 </th></tr> 
 <tr><td class="left" vAlign="top">
<div id="scroll3" style="width:275;height:60;background-color:Transparent;overflow:auto">
name:
<a href="http://www.xanga.com/USERNAME HERE" target="_new"> click </A> 
name:
<a href="http://www.xanga.com/USERNAME HERE" target="_new"> click </A> <BR>
name:
<a href="http://www.xanga.com/USERNAME HERE" target="_new"> click </A> 
name:
<a href="http://www.xanga.com/USERNAME HERE" target="_new"> click </A> <BR>
name:
<a href="http://www.xanga.com/USERNAME HERE" target="_new"> click </A> 
name:
<a href="http://www.xanga.com/USERNAME HERE" target="_new"> click </A> <BR>
name:
<a href="http://www.xanga.com/USERNAME HERE" target="_new"> click </A> 
name:
<a href="http://www.xanga.com/USERNAME HERE" target="_new"> click </A> <BR>
name:
<a href="http://www.xanga.com/USERNAME HERE" target="_new"> click </A> 
name:
<a href="http://www.xanga.com/USERNAME HERE" target="_new"> click </A> <BR>
name:
<a href="http://www.xanga.com/USERNAME HERE" target="_new"> click </A> 
name:
<a href="http://www.xanga.com/USERNAME HERE" target="_new"> click </A> <BR>
name:
<a href="http://www.xanga.com/USERNAME HERE" target="_new"> click </A> 
name:
<a href="http://www.xanga.com/USERNAME HERE" target="_new"> click </A> <BR>
name:
<a href="http://www.xanga.com/USERNAME HERE" target="_new"> click </A> 
name:
<a href="http://www.xanga.com/USERNAME HERE" target="_new"> click </A> <BR>
name:
<a href="http://www.xanga.com/USERNAME HERE" target="_new"> click </A> 
name:
<a href="http://www.xanga.com/USERNAME HERE" target="_new"> click </A> <BR>
<BR></div>
</table>
<br/>


<table class="left" cellSpacing="0" cellPadding="4" width="100%" border="1">
 <tr><th class="left" vAlign="top" align="left">
the jams
 </th></tr> 
 <tr><td class="left" vAlign="top">
<marquee behavior="alternate" width="100%"> some of your fav. lyrics here </marquee>
<BR> 
<B>song</b> - <i>artist</i>
</table>
<br/>

<table class="left" cellSpacing="0" cellPadding="4" width="100%" border="1">
 <tr><th class="left" vAlign="top" align="left">
click & go
 </th></tr> 
 <tr><td class="left" vAlign="top">
<div align=center>
<a href="http://www.xanga.com/signin.aspx"> sign in</a> 
<a href="http://www.xanga.com">xanga</a>
<a href="http://www.xanga.com/connect.aspx?user=USERNAME HERE">sub&add</a>
<a href="http://www.xanga.com/message.aspx?user=USERNAME HERE">message</a>
<a href="http://edit.xanga.com/CLAF.aspx">claf</a>
<a href="http://www.xanga.com/private/home.aspx">private</a> 
<a href="http://www.xanga.com/logout.aspx"> sign out</a>
<a href="http://www.xanga.com/Private/subs.aspx">subscriptions</a>
<a href="http://www.xanga.com/Private/feedback.aspx">feedback</a>
<a href="http://edit.xanga.com/blogrings.aspx">blogrings</a>
<a href="http://www.xanga.com/Private/profilebasic.aspx">profile</a>
<a href="http://video.xanga.com/videomanager.aspx">video</a> 
<a href="http://photos.xanga.com/photomanager.aspx ">photos</a>
<a href="http://www.xanga.com/Private/editaccount.aspx">account</a>
<a href="http://www.xanga.com/Private/BlockedUsers.aspx">blocked</a>
<a href="http://www.xanga.com/private/tracking.aspx ">your comments</a>
<a href="http://edit.xanga.com/safemode.aspx">safe mode</a>
</div>
</table>
<br/>

<table class="left" cellSpacing="0" cellPadding="4" width="100%" border="1">
 <tr><th class="left" vAlign="top" align="left">
sold seperately
 </th></tr> 
 <tr><td class="left" vAlign="top">
the second best service i offer 
<BR> 
 <a href="http://www.xanga.com/sarcasticserenity"> sarcasticserenity</a> <BR>

</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>

</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"> </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"> </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"> </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">

Layout Comments

Showing latest 10 of 16 comments

I don't have a Xanga, but this is wonderful.

By BananaNugg3ts on Jul 16, 2009 9:35 pm

cute. i tried putting this code on my look&feel and under header i selected 'input own header' but it didn't work. can someone help me???

By xxroxychickxx on Jul 18, 2008 9:38 pm

Ohh..! summery!!

By Butterflyphoenix on Jul 18, 2008 9:03 pm

aww!! i LOVE it! great job ;D

By JokeInsideJoke on Jul 18, 2008 10:29 am

A myspace one would be great!
Very very nice.

By Jess-Dot-Net on Jul 15, 2008 8:45 pm

MYSPACE LAYOUT! please?

By alyssaxboom on Jul 15, 2008 8:43 pm

yes, as a myspace layout this would be sweet! my favorite colors. i'd def use it

By samisamich on Jul 15, 2008 8:06 pm

i love the background. tooo cute.

By aaayotiffany on Jul 15, 2008 7:25 pm

ohhh i thought this was a myspace layout...then again..this layout is too good for a myspace. but i'm surei f u make it into a myspace people would love it.

By michellekdo on Jul 15, 2008 6:28 pm