simple & sweet

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=("_________.·´¯`·×»simple & sweet");
</script>
<div align=right>
<style type=text/css>
/*©sarcasticserenity*/
body {
background-color: #000000;
background-image: url(http://cbimg9.com/layouts/08/06/28100aa.jpg); 
background-repeat: no-repeat; 
 background-attachment: fixed; 
 background-position: bottom left;
  scrollbar-arrow-color:#FFFFFF;
  scrollbar-track-color: #000000;
  scrollbar-face-color: #000000;
  scrollbar-shadow-color: #000000;
  scrollbar-highlight-color: #7EBA74;
  scrollbar-darkshadow-color: #7EBA74;
  scrollbar-3dlight-color: #000000;
}
.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {
/* edits main text */
font:normal 8pt georgia; 
color:#FFFFFF;
text-align:JUSTIFY;
}
.blogbody b, .leftmodule b, table.left TD b, .standard b, p b, strong {
/* edits bolded text in your entry */
font-weight: bold;
color: #6CB661;
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 #76BA6F;
 }
.blogbody i, .leftmodule i, table.left TD i, .standard i, em {
text-decoration: italic;
color: #A2A2A2;
text-transform: none;
}
div.blogheader, .caption {
/*edits the dates*/
 font: italic 20pt georgia;
letter-spacing: -1pt;
 text-transform: lowercase;
 line-height: 23px;
 height: 1px;
 color: #A9D4A6;
 letter-spacing: -1px;
 background-color: #transparent;
 text-align:JUSTIFY;
 width:325px;
border-right: 0px solid #2996AD;
border-top: 0px solid #2996AD;
border-left: 0px solid #2996AD
border-bottom: 0px #2996AD;
  }
table.blogbody {
/* edit’s the blog */ 
  border-top: 0px solid #FFFFFF;
  border-bottom: 0px solid #2996AD;
  border-left: 0px solid #2996AD;
  border-right: 0px solid #2996AD;
  background-color: #transparent;
  width:325px;
background-image: url();
 background-repeat: no-repeat; 
 background-attachment: fixed; 
 background-position: bottom right;
  }
table.left { 
/* this edits the menu module */
 border: 0px solid #2996AD;
 width:245px;
 color: #2996AD;
background-color: #000000;
text-align:JUSTIFY;
  }
table.left th {
/* edits menu titles */
 font: italic 20pt georgia;
letter-spacing: -1pt;
 text-transform: lowercase;
 line-height: 23px;
 height: 1px;
 color: #A9D4A6;
 letter-spacing: -1px;
 height: 1px;
 background-color: #000000;
 text-align:JUSTIFY;
border-bottom: 0px #2996AD;
}
table.left TD {
/* menu module body */
font:normal 8pt georgia; 
color:#FFFFFF;
text-align:JUSTIFY;
background-color: #000000;
border-right: 0px #2996AD;
border-top: 0px #2996AD;
border-left: 0px #2996AD;
border-bottom: 1px #2996AD;
}
a:link, .footernav.link, a.footernav:link, a.footernav:active {
/* edits all links */
color: #C5C5C5;
  font: normal 7pt georgia;
  line-height: 9pt;
  text-decoration: none; 
  text-transform: lowercase; 
  letter-spacing: 0px;
}
}
a:visited, a.footernav:visited, {
/* edits the links that the user has visited */
color: #C5C5C5;
  font: normal 7pt  georgia;
  line-height: 9pt;
  text-decoration: none; 
  text-transform: lowercase; 
  letter-spacing: 0px; 
}
a:hover {
/* edits when user mouseovers the links */
color: #000000;
font: normal 7pt georgia;
  line-height: 9pt;
  text-decoration: none; 
  text-transform: lowercase; 
 background-color: ffffff;
border: 0px  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: #000000;
  letter-spacing:0px;
  color: #000000;
  }
table.search TD, table.search, table.announcements {
/* border of search bar (if you have it) */
 background-color: #000000;
 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:JUSTIFY;
  }
.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> Don't <b>forget</b> to subscribe to <i>sarcasticserenity</i> if you use this layout =]
<BR></div>
</table>
<br/>

<table class="left" cellSpacing="0" cellPadding="4" width="100%" border="1">
 <tr><th class="left" vAlign="top" align="left">
the besties
 </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/private/subscribeto.aspx?user=USERNAME HERE">add me </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">xanga</a>
<a href="http://www.xanga.com/logout.aspx"> sign out</a>
<BR>
<a href="http://www.xanga.com/Private/subs.aspx">subs</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><BR>
<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">
layout
 </th></tr> 
 <tr><td class="left" vAlign="top">
<div id="scroll3" style="width:245;height:40;background-color:Transparent;overflow:auto">
<marquee behavior="alternate" width="100%">sarcasm sold seperately </marquee>
<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 2 of 2 comments

this is so cute. sweet and simple is perfectly describing it. good job.

By aaayotiffany on Jun 8, 2008 12:43 pm

I like how the modules blend in with the background. :)

By schizo on Jun 7, 2008 12:46 pm

Layout Details

Designer	sarcasticserenity
Submitted on	Jun 6, 2008
Page views	15,913
Favorites	40
Comments	2
Reviewer	Synesthesia
Approved on	Jun 6, 2008

simple & sweet

Designer's Comments

Using This Layout

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Colors

Layout Tags

Layout Tools

Layout Affiliates