sometimes

Xanga Layouts / Basic

Designer's Comments

Look carefully for specific instructions

+ change "username here"s & fill in modules
+ hide searchbar & use an ad remover
+ keep credits on

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=("_________.·´¯`·×»sometimes«×·");
</script>
<div align=right>
<DIV id=scroll3 style="
  background-color: #D6DBDE;
  background-image: url(http://img512.imageshack.us/img512/4392/zklsjdflksj987234bz0.png); 
background-repeat: repeat vertically; 
background-attachment: fixed; 
 background-position: left;
  border: 1px dashed #00CFCE;
  overflow: none;
  width: 448px;
  height: 75px;
  padding-top: 10px;">
<style type=text/css>
/*©sarcasticserenity*/
body {
background-color: #2996AD;
background-image: url(http://cbimg9.com/layouts/08/06/28374aa.png); 
background-repeat: no-repeat; 
 background-attachment: fixed; 
 background-position: top left;
  scrollbar-arrow-color:#FFFFFF;
  scrollbar-track-color: #2996AD;
  scrollbar-face-color: #2996AD;
  scrollbar-shadow-color: #219EB5;
  scrollbar-highlight-color: #219EB5;
  scrollbar-darkshadow-color: #ADCBD6;
  scrollbar-3dlight-color: #ADCBD6;
}
.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {
/* edits main text */
font:normal 8pt arial; 
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: #00CFCE;
text-transform: none;
}
.blogbody u, .leftmodule u, table.left TD u, .standard u,  {
text-decoration: underline;
font-weight: regular;
color: #FFFFFF;
text-transform: none;
border-bottom: 1pt dashed #000000;
 }
.blogbody i, .leftmodule i, table.left TD i, .standard i, em {
text-decoration: italic;
color: #97C1CC;
text-transform: none;
}
div.blogheader, .caption {
/*edits the dates*/
 font: normal 17pt century gothic;
letter-spacing: -1pt;
 text-transform: none;
 line-height: 17px;
 height: 1px;
 color: #FFFFFF;
 letter-spacing: -1px;
 background-color: #9EDAD9;
 text-align: center;
 width:325px;
border-right: 2px solid #2996AD;
border-top: 2px solid #2996AD;
border-left: 2px solid #2996AD
border-bottom: 0px #2996AD;
  }
table.blogbody {
/* edit’s the blog */ 
  border-top: 0px solid #FFFFFF;
  border-bottom: 2px solid #2996AD;
  border-left: 2px solid #2996AD;
  border-right: 2px solid #2996AD;
  background-color: #2996AD;
  width:325px;
background-image: url();
 background-repeat: no-repeat; 
 background-attachment: fixed; 
 background-position: bottom right;
  }
table.left { 
/* this edits the menu module */
 border: 2px solid #2996AD;
 width:245px;
 color: #2996AD;
background-color: #2996AD;
text-align: right;
  }
table.left th {
/* edits menu titles */
 font: normal 17pt century gothic;
letter-spacing: -1pt;
 text-transform: lowercase;
 line-height: 18px;
 height: 1px;
 color: #FFFFFF;
 letter-spacing: -1px;
 height: 1px;
 background-color: #9EDAD9;
 text-align: center;
border-bottom:1px #2996AD;
}
table.left TD {
/* menu module body */
font:normal 8pt arial; 
color:#000000;
text-align:center;
background-image: url("");
background-repeat: repeat;
background-color: #2996AD;
border-right: 1px #2996AD;
border-top: 1px #2996AD;
border-left: 1px #2996AD;
border-bottom: 1px #2996AD;
}
a:link, .footernav.link, a.footernav:link, a.footernav:active {
/* edits all links */
color: #FFFFFF;
  font: normal 7pt century gothic;
  line-height: 9pt;
  text-decoration: none; 
  text-transform: lowercase; 
 background-color: 2996AD;
border: 1px dashed #ADCBD6;
  letter-spacing: 0px;
}
}
a:visited, a.footernav:visited, {
/* edits the links that the user has visited */
color: #FFFFFF;
  font: normal 7pt  century gothic;
  line-height: 9pt;
  text-decoration: none; 
  text-transform: lowercase; 
 background-color: 2996AD;
border: 1px dashed #ADCBD6;
  letter-spacing: 0px; 
}
a:hover {
/* edits when user mouseovers the links */
color: #FFFFFF;
font: normal 7pt century gothic;
  line-height: 9pt;
  text-decoration: none; 
  text-transform: lowercase; 
 background-color:84BECE ;
border: 1px  dashed #219EB5;
  letter-spacing: 0px;
}
input, select, textarea, .textfield, .button {
/* this edits the buttons, dropdowns, etc. */
  border: 1px solid #000000;
  font:normal 7pt;
  text-transform: none;
  background-color: #2996AD;
  letter-spacing:0px;
  color: #000000;
  }
table.search TD, table.search, table.announcements {
/* border of search bar (if you have it) */
 background-color: #2996AD;
 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 that i am
 </th></tr> 
 <tr><td class="left" vAlign="top">
<b>name</b> <i>age</i> <u>loc.</u>
<div id="scroll3" style="width:245;height:50;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> If you don't <b>have</b> music on your site you can <u>delete</u> the <b>music</b> section at the <i>bottom<i> of the <u>module</u> 
<BR></div>
</table>
<br/>

<table class="left" cellSpacing="0" cellPadding="4" width="100%" border="1">
 <tr><th class="left" vAlign="top" align="left">
simply the best
 </th></tr> 
 <tr><td class="left" vAlign="top">
<div id="scroll3" style="width:245;height:50;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>

<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>
<div id="scroll3" style="width:245;height:40;background-color:Transparent;overflow:auto">
<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=sarcasticserenity">sub&add</a>
<a href="http://www.xanga.com/message.aspx?user=sarcasticserenity">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">
<div id="scroll3" style="width:245;background-color:Transparent;overflow:none">
<marquee behavior="alternate" width="100%"> the second best service i offer.</marquee>

<BR> 
 <a href="http://www.xanga.com/sarcasticserenity"> sarcastic serenity</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 2 of 2 comments

I love this layout. BUT idk how to put this on my xanga. i tried going to my look&feel and under header i selected 'input your own header' then pasted the code. it didn't work though.
can someone help me with it???

By xxroxychickxx on Jul 16, 2008 9:39 pm

i absolutely love the colors. this layout actually made me smile. i really like it.

By aaayotiffany on Jun 14, 2008 5:31 am

Layout Details

Designer	sarcasticserenity
Submitted on	Jun 12, 2008
Page views	6,551
Favorites	22
Comments	2
Reviewer	kreios
Approved on	Jun 14, 2008

sometimes

Designer's Comments

Using This Layout

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Colors

Layout Tags

Layout Tools

Layout Affiliates