Kristen Bell

Xanga Layouts / Basic

Designer's Comments

Look carefully for specific instructions

Replace 'YOURUSERNAME' with your username.

** Looks best in 1024x768

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

<style>

table.left, td.mainleft, table.navigation, table.search, #SearchBar1_pnlYouAreHere {display: none;}

body {
background-color: #ceb69b;
background-image: url(http://layouts.cbimg8.com/35/17624d.png);
background-repeat: repeat-y; background-position: left; 
scrollbar-base-color:#ceb69b; 
scrollbar-arrow-color:#c2a88b; 
color: #000000;
font-family: arial;
font-size: 11px;
text-align: justify;
margin:0; }

td, p, div, table, tr {
color: #000000;
font-family: arial;
font-size: 11px;
text-align: justify; }

.mainleft {
/* edits the main blog */
width: 100%;
padding:0px; 
color: #000000;
font-family: arial;
font-size: 11px;
text-align: justify;}

.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {
/* edits main text */
color: #000000;
font-family: arial;
font-size: 11px;
letter-spacing:0px;
text-align: justify; }

div.blogheader, .caption {
background-color: #c3a38b;
color:#ceb69b;
font-family: georgia;
font-size: 14px;
padding: 0px; 
text-align: left; 
text-transform: uppercase;
letter-spacing: 2px; }

a:link, a:active, a:visited, .smalltext, .caption  {
color: #000; 
font-family: arial;
font-size: 11px;
text-decoration: none; }

a:hover {
background-color: #c3a38b;
color: #000;
font-family: arial;
font-size: 11px; }

input, select, textarea, .textfield, .button {
border: 1px solid #c3a38b;
font: normal 11px arial;
background-color: transparent;
color: #000000; }

table.blogbody {
background-color: transparent;
border: 0px solid #c3a38b; }

table.search TD, table.search, table.announcements {
background-color: none; 
border: 0px solid #c3a38b; }

table.blogbody tr td {
width:0px;
padding:0px; }

table.blogbody div.smalltext{
text-align: left;
padding-bottom: 7px; }

table.footer {display: none;} 
.mainleft {width: 0px; padding: 0px; }

table.footer TD {
/* this makes the footer at the bottom centered */
/* leave it alone unless you know what to do*/
 text-align: left;    }
 
#htmleditor {height:125; border:1x solid #c3a38b; }
#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops {width:510px; }
#rblEprops{display:none;}

#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops, #rblEprops 
/* width of the comment page I suggest making it the same width as the blogbody*/
{width: 510px; }

.blogbody td { width:0px; padding-left:0px; }

b, strong, i, u {
/* bold */
font-family: arial;
font-size: 11px;
color: #a48772;
text-transform: none; }

hr {
/* horizontal divider RESTEAL*/
border: 1px dashed #000000;
width:100%; height:1px; }
</style>

</div>
<div id="content" align="left" style="position: static !important; width:510px; height:100%; padding:2px; margin-top:50px !important; margin-left:33px; margin-left:100px !important; overflow:visible;">