Chibimaru!!!

Xanga Layouts / Basic

View preview

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><MAP NAME='imgmap'>
<AREA SHAPE='rect' COORDS='689,236,741,251' HREF='http://www.xanga.com' ALT='Xanga'>
<AREA SHAPE='rect' COORDS='697,255,735,265' HREF='http://www.xanga.com/private.aspx' ALT='Yours'>
<AREA SHAPE='rect' COORDS='689,273,745,283' HREF='http://www.xanga.com/private/subscribeto.aspx?user=YOURUSERNAME' ALT='Add Me'>
<AREA SHAPE='rect' COORDS='692,287,736,297' HREF='http://www.xanga.com/guestbook.aspx?user=YOURUSERNAME' ALT='Gbook'>
<AREA SHAPE='rect' COORDS='700,303,729,312' HREF='http://www.xanga.com/claf' ALT='Look & Feel'>
<AREA SHAPE='rect' COORDS='694,318,738,330' HREF='http://www.xanga.com/logout.aspx' ALT='Logout'>
</MAP>

<IMG SRC='http://images.cbimg5.com/xanga/28/6793.jpg' border=0 width=816 height=472 USEMAP='#imgmap'>

<div style="
overflow: auto;
width: 495px;
height: 262px;
margin-top: -340px;
margin-left: -270px;
position=static;">

<style type="text/css">
.#rblEprops{display:none;}
#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops, #rblEprops 
/* width of the comment page */
{width:270px;}
.leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior, table.left, table.left TH, table.left TD, table.navigation, table.footer 
{display: none;} 
</style>

<style type="text/css">
body {
  background-image: url("");
  background-position: center;
  background-repeat: repeat-x-y;
  background-attachment: scroll;
  background-color: #664422;  
  scrollbar-arrow-color: #664422;
  scrollbar-track-color: #FFFFCC;
  scrollbar-shadow-color: #664422;
  scrollbar-face-color: #FFFF99;
  scrollbar-highlight-color: #664422;
  scrollbar-darkshadow-color: #FFFFCC;
  scrollbar-3dlight-color: #FFFFCC;
  }
.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {
/* edits main text */
  font:normal 11px arial;
  line-height:10px;
  color: #664422;
  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: arial;
  text-transform: lowercase;
  font-size:10px;
  font-weight: bolder;
  line-height: 15px;
  color: #664422;
  letter-spacing: 3px;
  background-color: #TRANSPARENT;
  text-align: right;
  border: 1px solid #664422;
  letter-spacing: 1px;
  border-width: 1px 1px 0px 1px;
  padding-right: 3px;
}
a:link, .footernav.link, a.footernav:link, a.footernav:active {
/* edits all links */
  color: #664422;
  font:normal 11px arial;line-height:10px;
  text-decoration: none;
  }
a:visited, a.footernav:visited,  {
/* edits the links that the user has visited */
  color: #664422;
  font:normal 11px arial;
  line-height:10px;
  text-decoration: none;
  }
a:hover {
/* edits when user mouseovers the links */
  color: #664422;
  font:normal 11px arial;
  line-height:10px;
  text-decoration: none;
  border-bottom:dashed 1px #664422;
  }
input, select, textarea, iframe.htmleditor, .textfield, .button {
/* this edits the buttons, dropdowns, etc. */
  border: 1px solid #664422;
  font:normal 11px arial;
  background-color: #FFFFCC;
  letter-spacing:0px;
  
  }
table.left {								
/* this edits the menu module */
  border: 1px solid #664422;
  width:180px;
  background-color: none;
  }
table.blogbody {
/* this edits the other the place where the  blog is */
  border: 1px dashed #664422;
  background-color: none;
  width:280px;
  border-width: 1px 1px 1px 1px;
  }
table.left th {
/* on your menu module, this edits the title part of it */
/* like BLOGRINGS, POSTING CALENDAR, etc */
  background-color: transparent
  background-repeat: no-repeat;
  background-position: top left;
  background-color: #transparent;
  width:280px;
  font: bold 16px arial;
  line-height: 27px;
  text-transform: capitalize;
  color: #664422;
  border: 1px solid #664422;
  border-width: 1px 1px 1px 1px;
  text-align: right;
  }
table.left TD {
/* on your menu module, this edits the body part of it */
  background-color: none;
  border: 1px solid #664422;
  border-width: 1px 1px 1px 1px
  width:280px;
  }
table.search TD, table.search, table.announcements {
/* border of search bar (if you have it) */
  background-color: #transparent;
  border: 2px solid #664422;
  }
table.search TD, table.announcements TH {
/* this should be left alone */
/* unless you know what to do */
  border: 0px solid #664422;
  }
table.navigation, table.main {
/* the width of your blog with modules */
  width: 280px;
  }
hr {
/* horizontal divider */
  border: 1px dashed #664422;
  }
</style>

Layout Comments

Showing latest 2 of 2 comments

its so cute! but somthings wrong with the font. good job.

By akaSakuragrl on Nov 26, 2005 6:05 pm

I think it's pretty okay =) the words look weird though.

By liloandstitchx3 on Nov 25, 2005 7:06 pm

Layout Details

Designer	billiards_gal
Submitted on	Nov 20, 2005
Page views	17,157
Favorites	42
Comments	2

Layout Tags

, chibimaru

Layout Tools

Layout Affiliates

Here I Stand Layouts