okimono KIMONO

Xanga Layouts / Basic

Designer's Comments

Look carefully for specific instructions

Hanato Kobato from Kobato.

Text & links:
Text: Georgia ( size: 1 [smallest])
color: CCC0A6

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

<div style="position:static; margin-left: 180px;margin-top:-330px; overflow: none;">
<div class="nav">
<span class="navi">Header</span><br>
put anything you want here! put anything you want here! put anything you want here! put anything you want here! put anything you want here!

<br><br><a href="http://www.xanga.com/CLAF/default.asp">look</a> ♥ <a href="http://www.xanga.com/Private/SubscribeTo.aspx?user=hatsumii">add</a> ♥ <a href="http://www.xanga.com/private/home.aspx?">priv</a> ♥  
<a href="http://xanga.com">xanga</a> ♥ <a href="http://xanga.com/hatsumii">home</a> ♥ <a href="http://xanga.com/logout.aspx">log</a> ♥ <a href="http://www.xanga.com/Private/subs.aspx">subs</a> ♥ <a href="http://hiimeka.createblog.com/layouts/">hime</a>
</div></div>

body {
background-color: #EEECDE;
background-align: left;
overflow-x: hidden;  
 scrollbar-arrow-color:e2ccb5; 
 scrollbar-track-color:EEECDE; 
 scrollbar-shadow-color:EEECDE; 
 scrollbar-face-color:EEECDE; 
 scrollbar-highlight-color:EEECDE; 
 scrollbar-darkshadow-color:EEECDE; 
 scrollbar-3dlight-color:EEECDE; 
}
texttable.left, td.mainleft, table.left, table.navigation, table.footer, table.search {
display: none;
} 
#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops, #rblEprops, { 
width:220; 
}
table.header, table.main, table.footer, table.navigation{
/* edit width */
width:200;
}
table.blogbody, div.blogheader, .caption{
width:320;
}
td.maincenter {
text-align:center;
}
.module, .blogbody, table.footer, .standard, td, p, .content, .smalltext {
/* edits main text */
font:normal 9px georgia;
line-height: 13px;
color: d59257;
text-align:left;
}
.x {
font: 9px georgia; 
color: #d59257;
line-height: 14px;
text-align: justify;
}
div.blogheader, .caption {
{background-image: url(http://cbimg6.com/layouts/08/03/30/26567ab.gif);
background-repeat: no-repeat;
background-position: bottom right;
font-family:basemic times;
text-transform:none;
font-size:19px;
font-style:normal;
line-height:18px;
color:FC5431;
letter-spacing:1px;
margin-bottom:11px;
margin-right:31px;
padding-right:4px;
padding-top:6px;
background-color:transparent;
text-align: right;
font-weight:normal;
border:0px;
}
div.blogheader:first-letter, .caption:first-letter {
font-family:times new roman;
font-weight:bold;
font-style:bold;
color:#f63231;
font-size:26px;

text-transform: uppercase;
}
.itemTitle {
/* customize blog title */
font-family:basemic times;
text-transform:uppercase;
font-size:10px;
line-height:11px;
letter-spacing:1px;
color:c98a81;
background-color:transparent;
text-align: left;
font-weight:bold;
padding:0px;
border:0px;
} 
table.blogbody div.smalltext{
/* this edits the blog entry footer */
border: 0px;
background-color:transparent;
padding:0px;
color:c98a81;
text-align:right;
}
.blogbody td { 
width:0px; 
padding-left:0px; 
}
hr {
display: none;
}
.blogbody b, .standard b, p b, strong {
color: 668484;
}
div.blog {
width:220px;
margin-left:136px;
margin-top:35px;
background-color:transparent;
}
input, textarea, option, select {
font-family: georgia; 
font-weight: bold;
font-size: 10px; 
color: #CCC0A6; 
background-color: #f5f3dc;  
border: 1px solid #f5f3dc;
}

/* Links */

a:link, a:active, a:visited {
color:CCC0A6;
font:normal 10px verdana;
text-transform: none;
text-decoration:none;
font-weight:bold;
border-bottom: none;
}
a:hover {
color:737b4d;
font-weight: bold;
border-bottom: none;
text-transform:none;
text-decoration:none;
}
.menu a {
display: block;
width:150px;
height: 11px;
padding: 2px 2px 2px 2px;
border: 1px solid #c98a81;
border-bottom:1px solid #fff;
background: #d99679;
text-transform:uppercase;
text-decoration: none;
filter:blendTrans(duration=0.5);
} 
.menu a:link, .menu a:active, .menu a:visited {
/* define the color of the actual link */
color: #CCC0A6;
text-transform:uppercase;
}
.menu a:hover {
/* create the rollover effect of the link */
background: #CCC0A6;
color: #e0e0ac;
text-transform:uppercase;
}

/* Navigation */

.nav {
width: 300px;
height:26px;
margin: 0 auto 0 auto;
}
.nav li {
float: left;
}
.nav li a, nav li a:visited {
display: block;
font: bold 18px arial narrow;
text-align:center;
padding-left: 10px;
padding-right: 10px;
padding-top: 5px;
padding-bottom: 2px;
text-decoration: none;
color: #CCC0A6;
background-color: #05a49a;
text-transform:uppercase;
margin: 0 5px 0 5px;
}
.nav li a:visited {
display: block;
font: bold 18px arial narrow;
text-align:center;
padding-left: 10px;
padding-right: 10px;
padding-top: 5px;
padding-bottom: 2px;
text-decoration: none;
color: #737b4d;
background-color: #05a49a;
text-decoration:none;
text-transform:uppercase;
margin: 0 5px 0 5px;
}
.nav li a:hover { 
color: #737b4d;
font: bold 18px arial narrow;
text-align:center;
text-transform:uppercase;
text-decoration:none;
background-color: #9fbc38;
}

/* Sidebar */

.navi {
font-family:times new roman;
font-size:22px; 
letter-spacing:-2px; 
font-weight:bold; 
line-height:13px;
color:f63231;
}
.small {
font-family:arial;
font-size:11px; 
font-weight:bold; 
letter-spacing:2px;
color:CCC0A6;
width: 250px;
background-color: #transparent;
}
</style>