The Simple Pleasures

Xanga Layouts / Basic

Designer's Comments

Look carefully for specific instructions

replace 'YOUR USER NAME' with your user name!

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="the simple pleasures in life.";</script>
<div align="left"><div style="position:static; margin-left:-10px;margin-top:-145px;border: 0px solid #000000;"><IMG SRC="http://layouts.cbimg8.com/20/9857c.jpg" BORDER=0 USEMAP="#UNiQUE"> <MAP NAME="UNiQUE">
<AREA SHAPE="rect" COORDS="344,635,359,645" TARGET="_self" HREF="http://www.xanga.com/" alt="xanga">
<AREA SHAPE="rect" COORDS="361,635,375,646" TARGET="_self" HREF="http://www.xanga.com/private/SubscribeTo.aspx?user=YOUR USER NAME" alt="add me">
<AREA SHAPE="rect" COORDS="378,636,391,646" TARGET="_self" HREF="http://www.xanga.com/CLAF/default.asp" alt="look and feel">
<AREA SHAPE="rect" COORDS="394,634,407,646" TARGET="_self" HREF="http://www.xanga.com/private/home.aspx" alt="private">
<AREA SHAPE="rect" COORDS="411,635,423,646" TARGET="_self" HREF="http://www.xanga.com/private/subscriptions.aspx" alt="subscriptions">
</MAP></div>
<style type="text/css">
/* The Simple Pleasures */
/* by SMRKANGL (xanga.com/smrkangl) */
body {
  background: #CCCCCC url("
  http://layouts.cbimg8.com/20/9857d.jpg");
  background-attachment: fixed;
  background-position: TOP LEFT; 
  background-repeat:;
  scrollbar-arrow-color: #FFFFFF;
  scrollbar-track-color: #FFFFFF;
  scrollbar-shadow-color: #6699CC;
  scrollbar-face-color: #FFFFFF;
  scrollbar-highlight-color: #FFFFFF;
  scrollbar-darkshadow-color: #FFFFFF;
  scrollbar-3dlight-color: #6699CC; 
  }

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

table.footer TD {
/* this makes the footer at the bottom centered */
/* leave it alone unless you know what to do*/
  text-align: center;
  }

div.blogheader, .caption {
/* edits the dates */
font-family: times new roman;
text-transform: lowercase;
font-size:16px;
line-height:15pt;
text-transform:uppercase;
border-bottom: 1px dashed #6699CC;
background-color:; 
border:0px solid black;
font-weight: bold; 
text-align:left;
padding:1px;
color:6699CC;
width: 295px;
  }

a:link, .footernav.link, a.footernav:link, a.footernav:active {
/* edits all links */
  color:#FFFFCC;
  text-decoration: none;
  }

a:visited, a.footernav:visited,  {
/* edits the links that the user has visited */
  color:#FFFFCC; 
  text-decoration: none;
  }

a:hover {
/* edits when user mouseovers the links */
  color:#6699CC;
  cursor: ne-resize;
  text-decoration: line-through;
  }

input, select, textarea, .textfield, .button {
/* this edits the buttons, dropdowns, etc. */
  border: 1px solid #CCFF99;
  font:normal 10px pixel;
  background-color: #FFFFFF;
  letter-spacing:0px;
  color: #000000;
  }

table.left { 
/* this edits the menu module */
  border: 1px solid #;
  width:160px;
   background-color: #000000;
  }

table.blogbody {
/* this edits the other the place where the  blog is */
  border: 0px solid ;
  background-color: ;
  width:295px;
  }

table.left th {
/* on your menu module, this edits the title part of it */
/* like BLOGRINGS, POSTING CALENDAR, etc */
  background-image:;
  background-color: #000000;
  font: bold 10px pixel;
  text-transform: ;
  color: #;
  border: ;
  }
table.left TD {
/* on your menu module, this edits the body part of it */
  background-image:;
  background-color: #;
  border: none;
  }

table.search TD, table.search, table.announcements {
/* border of search bar (if you have it) */
  background-color: #; 
  border: 2px solid #;
  }
table.search TD, table.announcements TH {
/* this should be left alone */
/* unless you know what to do */
  border: 0px solid #;
  }
table.navigation, table.main, table.footer {
/* the width of your blog with modules */
  width: 295px;
  }
hr {
/* horizontal divider */
  border: 5px solid #6699CC;
  }
table.navigation {display: none;};
Table.Announcements TD {display: none;};
table.footer {display: none;};
.mainleft { display:none; }

texttable.left, td.mainleft, table.left, table.navigation, table.footer, table.search {
display: none;
}

.#rblEprops{display:none;}
#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops, #rblEprops 
/* width of the comment page I suggest miking it the same width as the blogbody*/
{height: 30px;width: 270px;
}

div.blogheader2 {
font-family:verdana;
text-transform:uppercase;
font-size:10px;
line-height:8pt;
text-transform:uppercase;
background-color:CC66FF; 
border:0px solid black;
font-weight:bold; 
text-align:left;
padding:1px;
color:white;
margin-bottom:3px;
width: 180px;}

table.navigation {display: none;};
Table.Announcements TD {display: none;};
table.footer {display: none;};
.mainleft { display:none; }
.blogbody td { width:0px; padding-left:0px; }

</style>
<div style="position:static; margin-left: -2px;margin-top:-90px;border: 0px solid #000000; width: 315px; height:autopx;background: none;overflow: auto;">