WANDERING Heart

Designer's Comments

Look carefully for specific instructions

A very springy layout. This also features Kobato from the manga Kobato (こばと). It looks a bit off in Createblog but it works in IE. Hope ya'll enjoy~

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: 514px;margin-top:-388px; width:200px; height: 130px; overflow: none;">
<div class="nav">
<span class="navi">Header?</span><br>
put anything you want here!<br>
put anything you want here!<br>
put anything you want here!<br>
put anything you want here! <br>
</div></div>

<div align=left style="position:static; margin-left:520px;
margin-top:90px; height:900px; overflow: auto;">
<table border="0">
<tr>
<td width="270">
<font class="x">
<span class="small">    profile</span><br>
<font color="#A894A3">N A M E:</font> ?<br>
<font color="#A894A3">A G E:</font> ??<br>
<font color="#A894A3">D O B:</font> ?-??-??<br>
<font color="#A894A3">S E X:</font> !?<br>
<font color="#A894A3">H O B B I E S:</font> ???????<p>

<font class="x">
<span class="small">    header</span>
<br>
Put whatever you want here! Put whatever you want here! Put whatever you want here! Put whatever you want here! Put whatever you want here! 
<p>

<font class="x">
<span class="small">    navigation</span><br>
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="100%" id="AutoNumber1">
<tr>
<td width="33%" valign="top">
<a href="http://www.xanga.com/">Xanga</a>
<br><a href="http://www.xanga.com/USERNAME">Weblog</a>
<br><a href="http://www.xanga.com/private/home.aspx?">Private</a>
<br><a href="http://www.xanga.com/CLAF/default.asp">Look & feel</a>
<br><a href="http://www.xanga.com/Private/subs.aspx">Subscriptions</a>
</td>
<td width="34%" valign="top">
<a href="http://www.xanga.com/guestbook.aspx?user=USERNAME">Guestbook</a>
<br><a href="http://www.xanga.com/Private/SubscribeTo.aspx?user=USERNAME">Add me</a>
<br><a href="http://www.xanga.com/Private/subs.aspx">Subscriptions</a>
<br><a href="http://xanga.com/signin.aspx">Sign in</a><br>
<a href="http://xanga.com/logout.aspx">Log out</a>
</td></tr>
</table> <P>

<font class="x">
<span class="small">    header</span><br>
Put whatever you want here! Put whatever you want here! Put whatever you want here! Put whatever you want here! Put whatever you want here! 
<p>

<font class="x">
<span class="small">    credits</span><br>
<font color="#A894A3">C R E A T O R:</font> <a href="http://hiimeka.createblog.com/layouts/">hiimeka</a><br>
<font color="#A894A3">P I C T U R E S:</font> <a href="http://www.livejournal.com">Livejournal</a><br>
<font color="#A894A3">C O D E S:</font> <a href="http://miyashu.createblog.com/layouts/">Momo</a><br>
</td>
</tr>
</table>
</div>
<div align="left" class="blog">

body {
background-color: #F2E5D8;
background-align: left;
overflow-x: hidden;  
 scrollbar-arrow-color:FFD1DB; 
 scrollbar-track-color:FBF7F4; 
 scrollbar-shadow-color:FBF7F4; 
 scrollbar-face-color:FBF7F4; 
 scrollbar-highlight-color:FBF7F4; 
 scrollbar-darkshadow-color:FBF7F4; 
 scrollbar-3dlight-color:FBF7F4; 
}
texttable.left, td.mainleft, table.left, table.navigation, table.footer, table.search {
display: none;
} 
#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops, #rblEprops, { 
width:450; 
}
table.header, table.main, table.footer, table.navigation{
/* edit width */
width:450;
}
table.blogbody, div.blogheader, .caption{
width:460;
}
td.maincenter {
text-align:center;
}
.module, .blogbody, table.footer, .standard, td, p, .content, .smalltext {
/* edits main text */
font:normal 11px verdana;
line-height: 13px;
color: C29496;
text-align:left;
}
.x {
font: 11px tahoma; 
color: #C29496;
line-height: 14px;
text-align: justify;
}
div.blogheader, .caption {
font-family:times new roman;
text-transform:none;
font-size:26px;
font-style:bold;
line-height:26px;
color:FFC89A;
letter-spacing:-2px;
margin-bottom:11px;
margin-right:31px;
padding-right:4px;
padding-top:6px;
background-color:FBFBF7;
text-align: left;
font-weight:bold;
border:0px;
}
div.blogheader:first-letter, .caption:first-letter {
font-family:times new roman;
font-weight:bold;
font-style:bold;
color:#FFC89A;
font-size:26px;

text-transform: uppercase;
}
.itemTitle {
/* customize blog title */
font-family:arial;
text-transform:uppercase;
font-size:10px;
line-height:11px;
letter-spacing:1px;
color:FFC89A;
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:FBFBF7;
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: c98a81;
}
div.blog {
width:465px;
margin-left:5px;
margin-top:-913px;
background-color:FBFBF7;
}
input, textarea, option, select {
font-family: georgia; 
font-weight: bold;
font-size: 10px; 
color: #07504b; 
background-color: #f5f3dc;  
border: 1px solid #f5f3dc;
}

/* Links */

a:link, a:active, a:visited {
color:fcb49c;
font:normal 10px verdana;
text-transform: none;
text-decoration:none;
font-weight:bold;
border-bottom: none;
}
a:hover {
color:fbd9b9;
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 #fcb49c;
border-bottom:1px solid #fff;
background: #fca494;
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: #e0e0ac;
text-transform:uppercase;
}
.menu a:hover {
/* create the rollover effect of the link */
background: #fbd9b9;
color: #e0e0ac;
text-transform:uppercase;
}

/* Navigation */

.nav {
width: 590px;
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: #e0e0ac;
background-color: #FBFBF7;
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: #e0e0ac;
background-color: #FBFBF7;
text-decoration:none;
text-transform:uppercase;
margin: 0 5px 0 5px;
}
.nav li a:hover { 
color: #e0e0ac;
font: bold 18px arial narrow;
text-align:center;
text-transform:uppercase;
text-decoration:none;
background-color: #FBFBF7;
}

/* Sidebar */

.navi {
font-family:times new roman;
font-size:22px; 
letter-spacing:-2px; 
font-weight:bold; 
line-height:13px;
color:FEB097;
background-color: #FBFBF7;
}
.small {
font-family:arial;
font-size:9px; 
font-weight:normal; 
letter-spacing:2px;
color:FBD9B9;
width: 200px;
background-color: #fbfbf7;
}
</style>