Messiness

Xanga Layouts / Basic

View preview

Designer's Comments

Look carefully for specific instructions

Alignment: middle
Background color: #000000
Search bar: none
Width: 725 pixels

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

<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><img src="http://images.cbstaff.com/xanga/04/858_image.jpg">

<center><font-family: 12px arial><font color= #ffffff>
<a href="http://www.xanga.com/login.asp">enter</a>  -
<a href="http://www.xanga.com">xanga</a>  -
<a href="http://www.xanga.com/CLAF/default.asp">claf</a>  -
<a href="http://www.xanga.com/private">home</a>  -

<a href="http://www.xanga.com/private/subscriptions.aspx">subsciptions</a>  -
<a href="http://www.xanga.com/private/subscribeto.aspx?user=USERNAME">add me</a>  -
<a href="http://www.xanga.com/logout.asp">exit</a>
</center>

<style type="text/css">
body {
  scrollbar-arrow-color: #000000;
  scrollbar-track-color: #000000;
  scrollbar-shadow-color: #000000;
  scrollbar-face-color: #000000;
  scrollbar-highlight-color: #000000;
  scrollbar-darkshadow-color: #000000;
  scrollbar-3dlight-color: #000000;
  }
.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {
/* edits main text */
  font:normal 11px arial;
  line-height:10px;
  color: #ffffff;
  letter-spacing:0px;
  text-align:center;
  }
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: arial;
  text-transform: Capitalize;
  font-size:14px;
  font-weight: bold;
  line-height: 20px;
  color: #ffffff;
  }
a:link, .footernav.link, a.footernav:link, a.footernav:active {
/* edits all links */
  color: #ffffff;
  font:normal 11px arial;line-height:10px;
  text-decoration: none;
  }
a:visited, a.footernav:visited,  {
/* edits the links that the user has visited */
  color: #ffffff;
  font:normal 11px arial;
  line-height:10px;
  text-decoration: none;
  }
a:hover {
/* edits when user mouseovers the links */
  color: #ffffff;
  font:normal 11px arial;
  line-height:10px;
  text-decoration: underline;
  cursor:se-resize;
  font-weight:bold;
  }
input, select, textarea, .textfield, .button {
/* this edits the buttons, dropdowns, etc. */
  border: 1px solid #000000;
  font:normal 11px arial;
  background-color: #FFFFFF;
  letter-spacing:0px;
  color: #ffffff;
  }
table.left { 
/* this edits the menu module */
  border: 1px solid #000000;
  width:130px;
  background-color: #000000;
  }
table.blogbody {
/* this edits the other the place where the  blog is */
  background-image: url();
  background-repeat: no-repeat;
  background-position: top left;
  width:300px;
  background-color: #000000; 
  }
table.left th {
/* on your menu module, this edits the title part of it */
/* like BLOGRINGS, POSTING CALENDAR, etc */
  background-color: #000000;
  font: bold 11px arial;
  color: #000000;
  border: none;
  text-align: center;
  }
table.left TD {
/* on your menu module, this edits the body part of it */
  background-color: #000000;
  border: none;
  text-align: center;
  border-top: 1px solid #000000;
  }
table.search TD, table.search, table.announcements {
/* border of search bar (if you have it) */
  background-color: #000000;
  border: 1px solid #000000;
  }
table.search TD, table.announcements TH {
/* this should be left alone */
/* unless you know what to do */
  border: 0px solid #000000;
  }
table.navigation, table.main, table.footer {
/* the width of your blog with modules */
  width: 450px;
  }
hr {
/* horizontal divider */
  border: 1px #000000;
  }
</style>

<style type='text/css'>
.mainleft { display:none; }
</style>
<style type="text/css">
/* width of the comment page */
{width:245px;}
table.navigation, table.footer
{display: none;}
</style>

Layout Code

Copy and paste to Website Stats

Layout Comments

No comments yet. Be the first one to comment!

Layout Details

Designer	aznbabiicutie
Submitted on	Apr 22, 2005
Page views	5,244
Favorites	6
Comments	0

Layout Tags

, mess, messiness, simple, minimal

Layout Tools

Layout Affiliates

Here I Stand Layouts