Mandy Moore

Xanga Layouts / Basic

Designer's Comments

Look carefully for specific instructions

Alignment: middle
Background color: #D3D0CD

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><style type="text/css">
body{
  background-color: D3D0CD;
  scrollbar-arrow-color: ffffff;
scrollbar-darkshadow-color: D3D0CD;
scrollbar-track-color: D3D0CD;
scrollbar-face-color: D3D0CD;
scrollbar-shadow-color: C0BCB8;
scrollbar-highlight-color: F2F1F0;
scrollbar-3dlight-color: D3D0CD;
  cursor: crosshair;
  font: normal 11px arial;
  }

.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {
/* edits main text */
  font:normal 11px arial;
  line-height:11px;
  color: #000000;
  letter-spacing:0px;
  text-align:justify;
  }
.blogbody b, .standard b, p b, strong {
/* edits bolded text in your entry */
  font-weight: bold; font-size: 11px arial;
  color: #C0BCB8; line-height: 11px;
 }
table.footer TD {
/* this makes the footer at the bottom centered*/
/* leave it alone unless you know what to do*/
  display: none;
  }
div.blogheader, .caption {
/* edits the dates */
  background-color: ffffff;
  font: bold 16px arial;
  text-transform: uppercase;
  color: BCA7B6;
  letter-spacing: -2px;
  text-align: right;
  height: 0px;
  padding: 2px;
  border: 1px solid #000000;
  border-width: 1px 1px 0px 1px;
  line-height: 14px;
  width: 340;  }
table.blogbody {
/* this edits the other the place where the blog is */
  background-color: white;
  border: 1px solid #000000;
  border-width: 0px 1px 1px 1px;
  width: 340;
  }
table.blogbody tr td {
/* this edits the left margin of blog */
  width:0px;
  padding: 2px;
  }
a:link, .footernav.link, a.footernav:link, a.footernav:active {
/* edits all links */
  color: #958B98;
  font:bold 11px arial;
  line-height:11px;
  text-decoration: none;
  text-transform: lowercase;
  }
a:visited, a.footernav:visited,  {
/* edits the links that the user has visited */
  color: #958B98;
  font:bold 11px arial;
  text-transform: lowercase;
  line-height:11px;
  text-decoration: none;
  }
a:hover {
/* edits when user mouseovers the links */
  color: #000000;
  font:bold 11px arial;
  line-height:11px;
  text-decoration: none;
  text-transform: uppercase;
  cursor: help;
  }
input, select, textarea, iframe.htmleditor, .textfield, .button {
/* this edits the buttons, dropdowns, etc. */
  border: 0px solid #84B656;
  font:normal 11px arial;
  background-color: transparent;
  letter-spacing:0px;
  }

table.blogbody div.smalltext{
/* this edits the blog entry footer */
  text-align: right;
  padding-bottom: 7px;
  }
table.left { 
/* this edits the menu module */
  border: none;
  width:160px;
  border: none;
  }
table.left th {
/* on your menu module, this edits the title part of it */
/* like BLOGRINGS, POSTING CALENDAR, etc */
  background-color: white;
  font: bold 16px arial;
  text-transform: uppercase;
  color: #BCA7B6;
  letter-spacing: -2px;
  border: none;
  text-align: center;
  height: 0px;
  padding: 0px;
  border: 1px solid #000000;
  border-width: 1px 1px 0px 1px;
  }
table.left TD {
/* on your menu module, this edits the body part of it */
  background-color: white;
  border: 1px solid #000000;
  border-width: 0px 1px 1px 1px;
  text-align: center;
  margin-top: 3px;
  }
table.search TD, table.search, table.announcements {
/* border of search bar (if you have it) */
  background-color: transparent;
  border-width: 0px 0px 0px 0px;
  border-top: 0px solid #ffffff;
  }
table.search TD, table.announcements TH {
/* this should be left alone */
/* unless you know what to do */
  border: 0px solid #527BCE;
  }
table.navigation {display: none;}
table.navigation, table.main {
/* the width of your blog with modules */
  width: 517px;
  align: center;
  }
hr {
/* horizontal divider */
  border: 1px solid #9CD673;
  }
#htmleditor, {height: 125px;}
#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops {
  width: 260px;
  }
table.navigation, table.footer, table.search, #SearchBar1_pnlYouAreHere, #rblEprops, #pnlEprops, hr {display: none;}
</style>
<IMG NAME="mandylayout0" SRC="http://images.cbstaff.com/xanga/03/skin581_image.jpg" WIDTH="509" HEIGHT="333" BORDER="0" USEMAP="#mandylayout">

Layout Comments

No comments yet. Be the first one to comment!

Layout Details

Designer	moosepoop
Submitted on	Apr 20, 2005
Page views	3,804
Favorites	5
Comments	0

Mandy Moore

Designer's Comments

Using This Layout

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates