Peculiarity -

Designer's Comments

Look carefully for specific instructions

An eccentric, unusual layout straight from the sands of Davey Jones' Locker!

Please center align this layout.

Keep all credits intact.

Go here for a fully working xanga preview.

Be aware that layout is best viewed in INTERNET EXPLORER ONLY.

Visit A Touch of Destiny for more quality, pre-made xanga layouts.

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

0px solid #000000;background: #98B1AE;

<table id="Table_01" width="733" height="720" border="0" cellpadding="0" cellspacing="0">
 <tr>
  <td>
   <img src="http://cbimg6.com/layouts/07/06/26/18759aa.gif" width="733" height="193" alt=""></td>
 </tr>
 <tr>
  <td>
   <img src="http://cbimg6.com/layouts/07/06/26/18759ab.gif" width="733" height="167" alt=""></td>
 </tr>
 <tr>
  <td>
   <img src="http://cbimg6.com/layouts/07/06/26/18759ac.gif" width="733" height="226" border="0" alt="" usemap="#bp_03_Map"></td>
 </tr>
 <tr>
  <td>
   <img src="http://cbimg6.com/layouts/07/06/26/18759ad.gif" width="733" height="134" alt=""></td>
 </tr>
</table>
<map name="bp_03_Map">
<area shape="rect" alt="" coords="652,22,708,36" href="http://www.xanga.com/Private/profilebasic.aspx" target="_self">
<area shape="rect" alt="" coords="592,22,640,36" href="http://www.xanga.com/private/Subs.aspx" target="_self">
<area shape="rect" alt="" coords="518,23,586,36" href="http://www.xanga.com/Private/SubscribeTo.aspx?user=s_majere" target="_self">
<area shape="rect" alt="" coords="453,22,510,37" href="http://www.xanga.com/private/feedback.asp" target="_self">
<area shape="rect" alt="" coords="401,22,445,35" href="http://www.xanga.com/claf" target="_self">
<area shape="rect" alt="" coords="360,24,395,36" href="http://www.xanga.com" target="_self">
</map>

</div>
</body><style type="text/css">
body {
overflow-x:hidden;
scrollbar-track-color: #98B1AE;
scrollbar-face-color: #D3D4CC;
scrollbar-shadow-color: #3C5B5C;
scrollbar-highlight-color: #3C5B5C;
scrollbar-darkshadow-color: #BCC0AD;
scrollbar-3dlight-color: #BCC0AD;
scrollbar-arrow-color: #3C5B5C;
background-image: url("http://cbimg6.com/layouts/07/06/26/18759ad.gif");
background-position: center;
background-color: #98B1AE;
background-repeat: repeat-y
}

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

.blogbody b, .standard b, p b, strong {
/* edits bolded text in your entry */
font-weight: bold;
color: #686868;
}

i, em {
/* edits italic text in your entry */
font-weight: italic;
color: #000000;
}

u {
/*edits underlined text in your entry */
text-decoration: underline;
color: #8B1413;
}

table.footer TD {
/* this makes the footer at the bottom centered */
/* leave it alone unless you know what to do*/
text-align: center;
}

div.blogheader{
/* edits the dates */
width: 310px;
height: 10px;
font: bold 9px smallfonts;
font-weight: bold;
font-size:9px;
letter-spacing: 1px;
text-transform:uppercase;
color:#969595;
text-align:left;
padding-left:0px;
background-image: url("");
border-bottom: 0px dashed #969595;
background-position:  left;
background-repeat: no-repeat;

}

.Header {
font: bold 9px smallfonts;
font-weight: bold;
color: #000000;
letter-spacing: 1px;
text-transform: uppercase;
line-height: 12px;
text-align: center;
padding-right: 1px;
padding-left:15px;
width: 242px;
background-image: url("http://cbimg6.com/layouts/07/06/26/18759ae.jpg");
border-bottom: 1px solid #000000;
background-position: right;
background-repeat: no-repeat;
background-color: #F1F3F1;
}

.Modules {
font: normal 9px verdana;
width: 242px;
color: #969595;
line-height:15px;
letter-spacing:0px;
text-align:left;
background-position: bottom center;
background-color: #C6C9B7;
border: 1px solid #5D7267;
padding-left:4px; 
text-align:justify;
text-transform: none;
display:block; 
}

a:link, .footernav.link, a.footernav:link, a.footernav:active {
/* edits all links */
color:#686868;
font: normal 10px verdana;
line-height:13px;
background-color:#;
}

a:visited, a.footernav:visited, {
/* edits the links that the user has visited */

color:#686868;
font: normal 10px verdana;
line-height:13px;
background-color:#; 
}

a:hover {
/* edits when user mouseovers the links */

color:#B3B3B3;
font: normal 10px verdana;
line-height:13px; 
}

input, select, textarea, .textfield, .button {

/* this edits the buttons, dropdowns, etc. */
border: 1px double #6C7B8B;
font: normal 10px verdana;
font-size: 10;
background-color: #000000;
letter-spacing:0px;
color: #ffffff;
}
 
table.blogbody {

/* this edits the other place where the blog is */
width:310px;
border-bottom: 1px solid #1B202A;
}

table.footer {display: none;}
.mainleft {
width: 0px;
padding: 1px;
}

hr {
/* horizontal divider */
border: 1px dashed #969595;
}
#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops, #rblEprops {

width: auto !important;
}

table.blogbody tr td {
/* this edits the left margin of blog */
width:0px;
padding: 0px;
}
table.left, td.mainleft, table.navigation, table.search, #SearchBar1_pnlYouAreHere {display: none;}</style>
<div style="margin-left: 235px; margin-top: -310px; width: 200px; height: 2000px; overflow: visible;">
<div class="Header">~  Singapore / ~</div>
<div class="modules">
<p><br>

<b>Hotmail:</b> s.majere<br>
<b>Yahoo:</b> s.majere <br>
<b>Myspace:</b> <a href="http://www.myspace.com/s_majere">S. Majere</a><br>
<b>VF:</b> <a href="http://www.vampirefreaks.com/u/s_majere">S. Majere</a>

<br><br>
</div><br>
<div class="Header">~  The Captain / ~</div>
<div class="modules">
<p><br>

<b>Name:</b> S. Majere<br>
<b>DOB:</b> 16/09/88 (18)<br>
<b>Music:</b> Dark core, gothic, hard rock, metal, alternative folk.<br>
<b>Movies:</b> Advent Children, 28 Days Later, Batman Begins, Blade I, II & III.<br>
<b>Loves:</b> Storms, bats, web-design.<br>
<b>Loathes:</b> Emos, whiners and idiots.
<br><br>
</div>
<br>
<div class="Header">~  The Locker / ~</div>
<div class="modules">
<marquee behavior=scroll direction="up" scrollamount="1" width="165" height="140" onmouseover='this.stop()' onmouseout='this.start()'><p><br>

Hope fades,<br>
Into the world of night.<br>
Through shadows falling,<br>
Out of memory and time.<br>
<br>
Don’t say,<br> 
We have come now to the end.<br>
White shores are calling.<br>
You and I will meet again.<br>
And you’ll be here in my arms,<br>
Just sleeping.

</marquee>
</div>
<br>
<div class="Header">~  Shipwreck City / ~</div>
<div class="modules"><p>
<br>

<a href="http://www.xanga.com">Blogring</a><br>
<a href="http://www.xanga.com">Blogring</a><br>
<a href="http://www.xanga.com">Blogring</a><br>
<a href="http://www.xanga.com">Blogring</a><br>
<a href="http://www.xanga.com">Blogring</a><br>
<a href="http://www.xanga.com">Blogring</a><br><br>

</div>
<br>
<div class="Header">~  The Code / ~</div>
<div class="modules">
<p><br>

'Keep your friends close, and your enemies - closer.'<br><br>

'Whatever we see or seem, is but a dream within a dream.' -<b>Edgar Allen Poe</b>

<br><br></div>
<br>
<div class="Header">~  Credits / ~</div>
<div class="Modules">
<p><br>
<b>Layout:</b> <A href=http://www.xanga.com/s_majere>S. Majere
</a><br><br></div></div>
<DIV style="position:static; 
margin-top: -2086px; 
margin-left: -392px; 
width: 310px; 
BACKGROUND-COLOR: transparent">