Visual Pitfall

Designer's Comments

Look carefully for specific instructions

not anime!??!?!

the navi doesn't scroll, so try not to go over :B. you can make the navi go higher by putting in at the top where it says:

div align=left style="position:static; margin-left:370px;
margin-top:-782px; width: 270px; height: 900px; overflow: auto;"

change to:

div align=left style="position:static; margin-left:370px;
margin-top:-810px; width: 270px; height: 900px; overflow: auto;"

with arrows at the ends, of course

** 50 favs! Thank you so much!

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>

<table border="0">
<tr>
<td>

<p class="nav">how to wake up</p>
<tr>
<td>
<p class="menubottom">
Who are you? Who are you? Who are you?
</td>
<tr>
<td>
<p class="nav">how to enjoy the world below</p>
<tr>
<td>
<p class="menubottom">
<table align="center">
<tr><td width="50%" align="center"><div align="justify">
<a href="http://xanga.com">xanga</a><br>
<a href="http://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/profile.aspx?user=USERNAME">profile</a>
</td>
<td width="10%"></td>
<td width="50%" align="right"><div align="justify">
<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">subscripts</a><br>
<a href="http://xanga.com/signin.aspx">sign in</a><br>
<a href="http://xanga.com/logout.aspx">log out</a>
</td></table>
<tr>
<td>
<p class="nav">how to determine one's path</p>
<tr>
<td>
<p class="menubottom">
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="100%" id="AutoNumber1">
<tr>
<td width="33%" valign="top">
<a href="http://xanga.com/USERNAME">FRIEND</a><br>
<a href="http://xanga.com/USERNAME">FRIEND</a><br>
<a href="http://xanga.com/USERNAME">FRIEND</a>
</td>
<td width="34%" valign="top">
<a href="http://www.xanga.com/USERNAME">FRIEND</a><br>
<a href="http://xanga.com/http://www.xanga.com/USERNAME">FRIEND</a><br>
<a href="http://www.xanga.com/USERNAME">FRIEND</a>
</td></tr>
</table>
<tr>
<td>
<p class="nav"><b>how to cry</b></p>
<tr>
<td>
what will you do? what will you do? what will you do?
<tr>
<td>
<p class="nav"><b>how to find yourself</b></p>
<tr>
<td>
what will you do? what will you do? what will you do?
<tr>
<td>
<p class="nav"><b>how to end the dream</b></p>
<tr>
<td>
<p class="menubottom">
Layout//<a href="http://hiimeka.createblog.com">Hiimeka</a><br>
Coding//<a href="http://miyashu.createblog.com/">Miyashu</a><br>
Textures//<a href="http://www.misprintedtype.com/v4/">Misprinted Type</a><br> 

</td>
</tr>
</table>
</div>

}
td.maincenter {
text-align:center;
}
.module, .blogbody, table.footer, .standard, td, p, .content, .smalltext {
/* edits main text */
font:normal 10px verdana;
color: #3e3f30;
text-align:left;
}
a:link, a:active, a:visited{
color:#494949;
text-decoration:none;
font-weight:normal;
}
a:hover{
color:#eee48d;
text-decoration:none;
}
input, select, textarea, .textfield, .button{
/* this edits buttons, drop down menus etc. */
font:normal 10px verdana 494949;
background-color: #F9F9F9;
letter-spacing:0px;
}
div.blogheader, .caption {
font-family:sylfaen;
text-transform:lowercase;
font-size:17px;
color:#121400;
background-color:transparent;
text-align: right;
font-weight:bold;
padding:0px;
border:0px;
}
.itemTitle {
/* customize blog title */
font-family:arial;
text-transform:lowercase;
font-size:14px;
color:#252525;
background-color:F9F9F9;
text-align: right;
font-weight:normal;
padding:0px;
border:1px;
}
table.blogbody div.smalltext{
/* this edits the blog entry footer */
border: 0px;
background-color:transparent;
padding:0px;
text-align:right;
}
.blogbody td { 
width:0px; 
padding-left:0px; 
}
hr {
display: none;
}
p.nav {
/* edits the menu modules */
font-weight: bold;
font-family:sylfaen;
text-transform:lowercase;
font-size:13px;
color:#252525;
background-color:F9F9F9;
text-align: left;
padding:0px;
letter-spacing:2px;
border:0px
 }

p.menubottom {
/* edits the menu modules */
 background-color:transparent;
 font-family:verdana;
 color: #252525;
 font-size:10px;
 text-align: left;
 }
div.blog {
width:330px;
margin-left: 20px;
margin-top:-636px;
background-color:transparent;
}
</style>

<div align="left" class="blog">
<script>document.title="visual pitfall// it gets worse at night"</script>