Kagura

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><META http-equiv=imagetoolbar content=no>
<div align="left"><div style="position:static; margin-left:-10px;margin-top: -95px;border:

0px solid #000000;">
<IMG NAME="kagura" SRC="http://images.cbstaff.com/xanga/03/0662_img1.jpg" WIDTH="800" HEIGHT="800" BORDER="0" USEMAP="#kagura">
<MAP NAME="kagura">
<AREA SHAPE="rect" COORDS="349,420,440,441" HREF="http://www.xanga.com/Private/subs.aspx" ALT="Subcriptions">
<AREA SHAPE="rect" COORDS="366,441,423,455" HREF="http://www.xanga.com/Private/SubscribeTo.aspx?user=PUT USERNAME HERE" ALT="Add Me">
<AREA SHAPE="rect" COORDS="348,457,440,481" HREF="http://www.xanga.com/CLAF/default.asp" ALT="Look and Feel">
<AREA SHAPE="rect" COORDS="366,481,418,499" HREF="http://www.xanga.com/logout.aspx" ALT="Log Out">
<AREA SHAPE="rect" COORDS="364,499,416,523" HREF="http://www.xanga.com/signin.aspx" ALT="Log In">
<AREA SHAPE="rect" COORDS="368,522,412,541" HREF="http://www.xanga.com/private/home.aspx?user=PUT USERNAME HERE" ALT="Home">
</MAP>

<div style="position:static; margin-left:37px;margin-top: -350px;border: 0px solid #E2DCD7;

width: 295px; height:1000px; background: none;overflow: auto;">
<style type="text/css">
/* designed by xanga.com/CHOKEandDIEx  */

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

none;}

body {
background: 9B96CE url("http://images.cbstaff.com/xanga/03/0662_bg.jpg");
background-attachment: no-fixed;
background-position: TOP LEFT; 
background-repeat:repeat-y;
scrollbar-arrow-color: #9B96CE;
scrollbar-track-color: #3C3582;
scrollbar-shadow-color: #9B96CE;
scrollbar-face-color: #3C3582;
scrollbar-highlight-color: #9B96CE;
scrollbar-darkshadow-color: #3C3582;
scrollbar-3dlight-color: #3C3582; 
}

.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {
/* edits main text */
font:normal 10px tahoma;
line-height:11px;
color:#000000;
letter-spacing:0px;
text-align:justify;
}

p.nav {
/* edits the menu modules */
width:140px;
background-color:transparent;
font-family:tahoma;
text-transform:capitalize;
font-size:14px;
line-height:18px;
font-weight:bold;
border: none;
color:#000000;
letter-spacing:0px;
text-align: center;
}

div.blogheader, .caption {
/* edits the dates */
background-color:tranparent;
font-family:Inpact;
text-transform:capitalize;
font-size:18px;
line-height:18px;
font-weight:bold;
border: none;
border-width: 1px 1px 0px 1px;
color:#000000;
letter-spacing:0px;
text-align: left;
}

table.blogbody {
/* this edits the other the place where the  blog is */
background: transparent;
width:295px;
border: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*/
{width: 295px;
}
table.navigation, table.main, table.footer {
/* the width of your blog with modules */
 width: 400px;
 }
 table.navigation, table.footer {display: none;} 
a:link, .footernav.link, a.footernav:link, a.footernav:active {
/* edits all links */
color:#9B96CE;
font:bold 10px tahoma;
line-height:11px;
text-decoration: none;
}

a:visited, a.footernav:visited,  {
/* edits the links that the user has visited */
color:#9B96CE; 
font:bold 10px tahoma;
line-height:11px;
text-decoration: none;
}

a:hover {
/* edits when user mouseovers the links */
color:#3C3582;
font:bold 10px tahoma;
line-height:11px;
cursor: hand;
text-decoration: line-through;
}

input, select, textarea, iframe.htmleditor, .textfield, .button {
/* this edits the buttons, dropdowns, etc. */
border: 1px solid #000000;
font:normal 10px tahoma;
background-color: #3C3582;
color:#C7B08C;
letter-spacing:0px;
}

hr {
/* horizontal divider */
border: 1px solid #000000;
}
table.search TD, table.search, table.announcements {
/* border of search bar (if you have it) */
background-color: none; 
border: 0px solid #000000;
}
table.search TD, table.announcements TH {
/* this should be left alone */
/* unless you know what to do */
  border: 0px solid #000000;
  }
table.blogbody tr td {
/* this edits the left margin of blog */
  width:0px;
  padding: 2px;
  }
table.blogbody div.smalltext{
/* this edits the blog entry footer */
  text-align: right;
  padding-bottom: 7px;
}

b, strong {color: #3C3582; font-weight:bold;}
</style>

Layout Comments

No comments yet. Be the first one to comment!

Layout Details

Designer	CHOKEandDIEx
Submitted on	Apr 21, 2005
Page views	2,821
Favorites	4
Comments	0

Kagura

Using This Layout

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates