Celestial Fates

Designer's Comments

Look carefully for specific instructions

A simple, stunning star-adorned layout.

Please left 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. Mozilla Firefox can view this layout (everything does align) but there are some problems.

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: #98A8AE;

<table id="Table_01" width="839" height="633" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td>
			<img src="http://cbimg9.com/layouts/07/07/23/19856aa.jpg" width="839" height="116" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="http://cbimg9.com/layouts/07/07/23/19856ab.jpg" width="839" height="124" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="http://cbimg9.com/layouts/07/07/23/19856ac.jpg" width="839" height="130" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="http://cbimg9.com/layouts/07/07/23/19856ad.jpg" width="839" height="120" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="http://cbimg9.com/layouts/07/07/23/19856ae.jpg" width="839" height="131" border="0" alt="" usemap="#celestialfates_05_Map"></td>
	</tr>
	<tr>
		<td>
			<img src="http://cbimg9.com/layouts/07/07/23/19856af.jpg" width="839" height="12" alt=""></td>
	</tr>
</table>
<map name="celestialfates_05_Map">
<area shape="rect" alt="Layout Designed By" coords="746,106,812,118" href="http://www.xanga.com/s_majere" target="_self">
<area shape="rect" alt="Profile" coords="657,106,706,117" href="http://www.xanga.com/profile" target="_self">
<area shape="rect" alt="Friends" coords="564,106,615,118" href="http://www.xanga.com/friends" target="_self">
<area shape="rect" alt="Subscribe" coords="455,105,524,118" href="http://www.xanga.com/subscribe" target="_self">
<area shape="rect" alt="Feedback" coords="355,106,413,119" href="http://www.xanga.com/feedback" target="_self">
<area shape="rect" alt="Design" coords="267,105,313,119" href="http://www.xanga.com/claf" target="_self">
<area shape="rect" alt="Home" coords="183,105,225,119" href="http://www.xanga.com" target="_self">
</map>

</div>
</body><style type="text/css">
body {
overflow-x:hidden;
scrollbar-track-color: #98A8AE;
scrollbar-face-color: #00384F;
scrollbar-shadow-color: #676767;
scrollbar-highlight-color: #676767;
scrollbar-darkshadow-color: #00384F;
scrollbar-3dlight-color: #00384F;
scrollbar-arrow-color: #cccccc;
background-image: url("http://cbimg9.com/layouts/07/07/23/19856af.jpg");
background-position: left;
background-color: #98A8AE;
background-repeat: repeat-y
}

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

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

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

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

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: 410px;
height: 10px;
font: bold 9px smallfonts;
font-weight: bold;
font-size:9px;
letter-spacing: 1px;
text-transform:uppercase;
color:#00384F;
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: #98A8AE;
letter-spacing: 1px;
text-transform: uppercase;
line-height: 15px;
text-align: center;
padding-right: 1px;
padding-left:15px;
padding-bottom:1px;
width: 242px;
background-image: url("");
border-left: 1px solid #00384F;
border-right: 0px solid #000000;
border-top: 0px solid #000000;
border-bottom: 0px solid #000000;
background-position: left;
background-repeat: no-repeat;
background-color: #00384F;
}

.Modules {
font: normal 9px verdana;
width: 242px;
color: #969595;
line-height:15px;
letter-spacing:0px;
text-align:left;
background-position: bottom center;
background-color: transparant;
border-left: 1px solid #00384F;
border-right: 0px solid #000000;
border-top: 0px solid #000000;
border-bottom: 0px solid #000000;
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:#8696B1;
font: normal 10px verdana;
line-height:13px;
background-color:#;
}

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

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

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

color:#CADCE2;
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:410px;
border-bottom: 1px solid #1B202A;
}

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

hr {
/* horizontal divider */
border: 1px dashed #98A8AE;
}
#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: 578px; margin-top: -20px; width: 240px; height: 2000px; overflow: visible;">
<div class="Header">Online Existence</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>
<div class="Header">About Me</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>
<div class="Header">Memories</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>

<div class="Header">Blogrings</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>

<div class="Header">Quotes</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>
<div class="Header">Whispers</div>
<div class="Modules"><br>
<p>

Your flooble chatterbox code in here.

<br><br>
</div>
<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>
<b>Brushes:</b> [<a href="http://www.xanga.com/celestial_abyss" target=_"new">x</a>]<br><br>
</div></div><DIV style="position:static; 
margin-top: -2005px; 
margin-left: 156px; 
width: 410px; 
BACKGROUND-COLOR: transparent">