Hand of Sorrow

Designer's Comments

Look carefully for specific instructions

IMPORTANT: If the layout misaligns in the createblog preview (it shouldn't, though...), please visit this site for a working preview.

Replace USERNAME with your username etc... Other than that, please keep the credits intact and you'll be fine.

Any questions, yell at me via pm or my xanga. Thanks for using this layout! ^.^

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: 40px;margin-top:-110px; overflow: none;">
<div class="nav">
<li><a href="http://www.xanga.com/signin.aspx">sign in</a></li>
<li><a href="http://www.xanga.com/profile.aspx?user=USERNAME">profile</a></li>
<li><a href="http://www.xanga.com/private/SubscribeTo.aspx?user=USERNAME">add</a></li>
<li><a href="http://www.xanga.com/private/Subs.aspx">subs</a></li>
<li><a href="http://www.xanga.com/private/">private</a></li>
<li><a href="http://www.xanga.com/claf">edit</a></li>
<li><a href="http://www.xanga.com/logout.aspx">log out</a></li>
</div></div>

<div align=left style="position:static; margin-left:520px;
margin-top:90px; height:1375px; overflow: auto;">
<table border="0">
<tr>
<td width="270">
<font class="x">
<span class="navi">through the mist</span><br>
<span class="small">    about me</span><br>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec tempor rhoncus ipsum. In hac habitasse platea dictumst. Duis porta lacinia sapien. Suspendisse bibendum. In pretium sapien ac ante. Nunc iaculis velit ac ligula. Donec posuere aliquam lectus. Mauris urna dolor, ultricies a, bibendum quis, nonummy nec, risus. Nullam diam mauris, viverra id, gravida sit amet, sollicitudin ac, neque. Aliquam erat. <br><br>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec tempor rhoncus ipsum. In hac habitasse platea dictumst. Duis porta lacinia sapien. Suspendisse bibendum. In pretium sapien ac ante. Nunc iaculis velit ac ligula. Donec posuere aliquam lectus. Mauris urna dolor, ultricies a, bibendum quis, nonummy nec, risus. Nullam diam mauris, viverra id, gravida sit amet, sollicitudin ac, neque. Aliquam erat. <P>

<font class="x">
<span class="navi">i see the face</span><br>
<span class="small">    favorites</span>
<br>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec tempor rhoncus ipsum. In hac habitasse platea dictumst. Duis porta lacinia sapien. Suspendisse bibendum. In pretium sapien ac ante. Nunc iaculis velit ac ligula. Donec posuere aliquam lectus. Mauris urna dolor, ultricies a, bibendum quis, nonummy nec, risus. Nullam diam mauris, viverra id, gravida sit amet, sollicitudin ac, neque. Aliquam erat.
<br><br>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec tempor rhoncus ipsum. In hac habitasse platea dictumst. Duis porta lacinia sapien. Suspendisse bibendum. <P>

<font class="x">
<span class="navi">of an angel</span><br>
<span class="small">    currents</span>
<br>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec tempor rhoncus ipsum. In hac habitasse platea dictumst. Duis porta lacinia sapien. Suspendisse bibendum. In pretium sapien ac ante. Nunc iaculis velit ac ligula. Donec posuere aliquam lectus. Mauris urna dolor, ultricies a, bibendum quis, nonummy nec, risus. Nullam diam mauris, viverra id, gravida sit amet, sollicitudin ac, neque. Aliquam erat.<br><br>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec tempor rhoncus ipsum. In hac habitasse platea dictumst. Duis porta lacinia sapien. Suspendisse bibendum. <P>

<font class="x">
<span class="navi">who calls my name</span><br>
<span class="small">    links</span><br>
<p class="menu">
<a href="http://www.xanga.com" target="_blank">link here</a>
<a href="http://www.xanga.com" target="_blank">link here</a>
<a href="http://www.xanga.com" target="_blank">link here</a>
<a href="http://www.xanga.com" target="_blank">link here</a>
<a href="http://www.xanga.com" target="_blank">link here</a> <P>

<font class="x">
<span class="navi">i remember</span><br>
<span class="small">    reads</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/">link</a>
<br><a href="http://www.xanga.com/">link</a>
<br><a href="http://xanga.com/">link</a>
<br><a href="http://xanga.com/">link</a>
</td>
<td width="34%" valign="top">
<a href="http://xanga.com">link</a>
<br><a href="http://xanga.com/">link</a><br><a href="http://xanga.com/">link</a>
<br><a href="http://xanga.com/">link</a> 
</td>
<td width="33%" valign="top">
<a href="http://xanga.com/">link</a>
<br><a href="http://xanga.com/">link</a>
<br><a href="http://xanga.com">link</a>
<br><a href="http://xanga.com/">link</a>
</td></tr>
</table> <P>

<font class="x">
<span class="navi">you're the reason</span><br>
<span class="small">    title</span><br>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec tempor rhoncus ipsum. In hac habitasse platea dictumst. Duis porta lacinia sapien. Suspendisse bibendum. In pretium sapien ac ante. Nunc iaculis velit ac ligula. Donec posuere aliquam lectus. Mauris urna dolor, ultricies a, bibendum quis, nonummy nec, risus. Nullam diam mauris, viverra id, gravida sit amet, sollicitudin ac, neque. Aliquam erat. <P>

<font class="x">
<span class="navi">i have to stay</span><br>
<span class="small">    credits</span><br>
Brush credits go to <a href="http://zero.chotoka.net" target="_blank">Project Zero</a> and <a href="http://www.angryblue.com" target="_blank">Angry Blue</a>. Textures from <a href="http://colorfilter.net/" target="_blank">Colorfilter</a> and <a href="http://hybrid-genesis.net/" target="_blank">Hybrid Genesis</a>. Permanent credits go to <a href="http://xanga.com/momokuma" target="_blank">Momo</a> and <a href="http://www.createblog.com" target="_blank">Createblog.com</a>.
</td>
</tr>
</table>
</div>
<div align="left" class="blog">

body {
background-color: #000000;
background-align: left;
overflow-x: hidden;  
 scrollbar-arrow-color:05a49a; 
 scrollbar-track-color:000000; 
 scrollbar-shadow-color:000000; 
 scrollbar-face-color:000000; 
 scrollbar-highlight-color:05a49a; 
 scrollbar-darkshadow-color:05a49a; 
 scrollbar-3dlight-color:333333; 
}
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: 778f65;
text-align:left;
}
.x {
font: 11px tahoma; 
color: #80996b;
line-height: 14px;
text-align: justify;
}
div.blogheader, .caption {
font-family:times new roman;
text-transform:none;
font-size:26px;
font-style:italic;
line-height:26px;
color:F12E24;
letter-spacing:-2px;
margin-bottom:11px;
margin-right:31px;
padding-right:4px;
padding-top:6px;
background-color:transparent;
text-align: left;
font-weight:normal;
border:0px;
}
div.blogheader:first-letter, .caption:first-letter {
font-family:times new roman;
font-weight:normal;
font-style:italic;
color:#3CB0A3;
font-size:36px;

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

/* Links */

a:link, a:active, a:visited {
color:05a49a;
font:normal 10px verdana;
text-transform: none;
text-decoration:none;
font-weight:bold;
border-bottom: none;
}
a:hover {
color:d5a32b;
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 #7EB56F;
border-bottom:1px solid #fff;
background: #05a49a;
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: #d5a32b;
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: #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: #e0e0ac;
background-color: #05a49a;
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: #9fbc38;
}

/* Sidebar */

.navi {
font-family:times new roman;
font-size:22px; 
letter-spacing:-2px; 
font-weight:bold; 
line-height:13px;
color:7fac4f;
}
.small {
font-family:arial;
font-size:11px; 
font-weight:bold; 
letter-spacing:2px;
color:747A7C;
}
</style>