Serene Ascension

Designer's Comments

Look carefully for specific instructions

A really nice blogging layout - this was originally going to be for myself until I decided I still liked my current design. :P

**THIS LAYOUT WILL MISALIGN ON THE CB PREVIEWER AS IT IS LEFT ALIGNED (though appears centered) **

TO VIEW A WORKING PREVIEW, GO HERE.

You MUST LEFT ALIGN this layout!

This layout will work in Mozilla and Internet Explorer.

Look for 'YOURSITENAMEHERE' and replace that with your Xanga site name. Simple.

It took me hours of hard work to design this so you could use it for free. Please respect my work and leave credit links intact.

Visit S. Majere Online for more quality, pre-made Xanga and Myspace 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

</Layout designed by S. Majere @ A Touch of Destiny [xanga.com/s_majere]. **KEEP THIS CREDIT INTACT**/>

<table id="Table_01" width="710" height="324" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td>
			<img src="http://cbimg9.com/layouts/08/08/30103aa.jpg" width="710" height="69" border="0" alt="" usemap="#sereneascension_01_Map"></td>
	</tr>
	<tr>
		<td>
			<img src="http://cbimg9.com/layouts/08/08/30103ab.jpg" width="710" height="91" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="http://cbimg9.com/layouts/08/08/30103ac.jpg" width="710" height="86" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="http://cbimg9.com/layouts/08/08/30103ad.jpg" width="710" height="78" alt=""></td>
	</tr>
</table>
<map name="sereneascension_01_Map">
<area shape="rect" alt="" coords="58,38,145,68" href="http://www.xanga.com/s_majere" target="_self">
</map>

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

<a href="http://www.xanga.com/claf">Design</a>

<a href="http://www.xanga.com/private/">Private</a>

<a href="http://www.xanga.com/private/Subs.aspx">Friends</a>

<a href="http://www.xanga.com/private/SubscribeTo.aspx?user=YOURSITENAMEHERE">Subscribe</a>

<a href="http://www.xanga.com/Private/feedback.aspx?">Feedback</a>

<a href="http://profile.xanga.com/YOURSITENAMEHERE">Profile</a>

<a href="http://www.xanga.com/guestbook.aspx?user=YOURSITENAMEHERE">Guestbook</a>

</td></tr></table></div><style type="text/css">.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {
font: normal 10px verdana;
line-height:13px;
color: #273744;
letter-spacing:0px;
text-align:left;
}.blogbody b, .standard b, p b, strong {
font-weight: bold;
color: #101F2B;
}i, em {
font-weight: italic;
color: #8DA0AE;
}u {
text-decoration: underlined;
color: #313342;
}body {
scrollbar-arrow-color: #000000;
scrollbar-face-color: #A0B5C3; 
scrollbar-3dlight-color: #D6E2E8; 
scrollbar-darkshadow-color: #D6E2E8; 
scrollbar-highlight-color: #D6E2E8;
scrollbar-shadow-color: #D6E2E8;
scrollbar-track-color: #354E5A;
background-image: url("http://cbimg9.com/layouts/08/08/30103ae.jpg");
background-position:top left;
background-attachment:scroll;
background-color:#6E808B;
background-repeat: repeat;
overflow-x:hidden;cursor:default;

}
table.footer TD {
text-align: center;
}

.smnavi{
width:225px;
height:15px;
overflow:hidden;
visibility:visible;
text-align:justify;
background-color:#ffffff;
margin:0;
position:relative; 
margin-left:588px; 
margin-top:-42px;
padding:0px;
}

div.blogheader{
font: bold 11px arial;
font-weight: bold;
color: #000000;
letter-spacing: 2px;
line-height: 6px;
text-transform: none;
background-image: url("");
background-repeat:no-repeat;
background-color:none;
background-position: center;
text-align: left;
padding-left:0px;
padding-top:6px;
width: 504px;
text-decoration: uppercase;
border-top: 0px dashed #366074;
border-bottom: 1px solid #000000;
border-right: 0px solid #363636;
border-left: 0px solid #ffffff;}

a:link, .footernav.link, a.footernav:link, a.footernav:active {
color:#354E5A;
font: normal 10px verdana;
line-height:13px;
background-color:#;cursor:default;}

a:visited, a.footernav:visited, {color:#354E5A;
font: normal 10px verdana;
line-height:13px;
background-color:#; 
cursor:default;
}

a:hover {

color:#4D7999;
font: normal 10px verdana;
line-height:13px;
cursor:default;
}

#navi a {
font-weight: bold;
      font: 10px verdana;
letter-spacing: 0.03em;
border: 1px solid #394B5E;
width:75px;
display:block;
padding-top: 1px;
padding-bottom: 1px;
padding-left: 0px;
padding-right: 0px;
text-decoration: none;
text-align: center;
color: #DFE7F0;
background-color: #354E5A;cursor:default;}

#navi a:hover { 
color: #334A54;padding-top: 1px;
padding-bottom: 1px;
padding-left: 0px;
padding-right: 0px;
text-align: center;
font: 10px verdana; display:block;
width:75px;
border: 1px solid #334A54;
background-color: #DFE7F0;cursor:default;}

input, select, textarea, .textfield, .button {
border: 1px solid #363636;
font: normal 9px verdana;
font-size: 9;
background-color: #736275;
letter-spacing:0px;
color: #E1DDE1;
}
table.blogbody 
{background: url() no-repeat bottom right;
font: normal 8pt verdana;
color: #cccccc;
padding:0px;
line-height: 10pt;
text-align: justify;
background-color:#ffffff;
border-bottom:0px solid #ffffff;
border-right: 0px solid #807375;
border-left: 0px solid #807375;
border-top: 0px solid #ffffff;
width:504px;
}.welcome{
font: normal 9px verdana;
line-height:11px;
text-align:left;
}table.footer {display: none;}
.mainleft {
width: 0px;
padding: 1px;
}

hr {
border: 1px dashed #3D4F5F;
}
#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops, #rblEprops {

width: auto !important;}

table.blogbody tr td {
width:0px;
padding: 0px;
}
table.left, td.mainleft, table.navigation, table.search, #SearchBar1_pnlYouAreHere {display: none;}

.Modules {
font: normal 9px verdana;
width: 160px;
color: #cccccc;
line-height:15px;
letter-spacing:0px;
text-align:left;
text-align:justify;
text-transform: none;
display:block; 
padding:4px;
background-color: none;
border-top: 0px solid #CECBCF;
border-bottom: 0px solid #767678;
border-right: 0px solid #767678;
border-left: 0px solid #CECBCF;
}.border{
border-top: 1px solid #000000;
border-bottom: 0px solid #000000;
border-left: 1px solid #000000;
border-right: 1px solid #000000;}
.Modules2 {
font: normal 9px verdana;
width:202px;
color: #cccccc;
line-height:15px;
letter-spacing:0px;
text-align:left;
text-align:justify;
text-transform: none;
display:block; 
padding:0px;
background-color: #E2ECF5;
border-right: 1px solid #000000;
border-left: 0px solid #617881;
border-bottom: 0px solid #12183E;}
.Header2 {
font: bold 11px georgia;
font-weight: bold;
color: #000000;
letter-spacing: 1px;
text-transform: none;
line-height: 10px;
background-image: url("");
background-color: none;
background-position: left;
text-align: center;
padding-right: 0px;
padding:1;
padding-top:3px;
width: 190px;
text-decoration: uppercase;
border-top: 0px dashed #747A8D;
border-bottom: 0px solid #807375;
border-right: 0px solid #363636;
border-left: 0px solid #363636;
}#anav a {
font-weight: bold;
display:block;
font: 9px verdana;
border:0px solid #354E5A;
padding-left: 3px;
padding-right: 5px;
padding-top: 2px;
padding-bottom: 2px;
height: 12px;
text-decoration: none;
color: #000000;
text-transform: none;}

#anav a:hover { 
color: #cccccc;
display:block;
font: 9px verdana;
border:0px solid #354E5A;
text-transform: none;}

#nav a {
font-weight: bold;
display:block;
font: 10px verdana;
letter-spacing: 0.10em;
border-bottom:1px solid #FCFCFC;
border-top: 0px solid #FDFDFD;
border-right:1px solid #FCFCFC;
border-left:3px solid #354E5A;
text-align:center;
padding-left: 5px;
padding-right: 5px;
padding-top: 2px;
padding-bottom: 2px;
height: 12px;
width:186px;
text-decoration: none;
color: #192327;
background-color: #A0B5C3;
text-transform: none;}

#nav a:hover { 
color: #23343C;
display:block;
font: 10px verdana;
border-bottom:1px solid #FCFCFC;
border-top: 0px solid #FDFDFD;
border-right:1px solid #FCFCFC;
border-left:3px solid #41566C;
text-align:center;
width:186px;
background-color: #ffffff;
text-transform: none;}</style><div style="position:relative;margin-left: 167px; margin-top: -247px; width: 151px; height: 187px; overflow: auto; background-color: none; border: 0px solid #463237; overflow-x:hidden;scrollbar-arrow-color: #354E5A;scrollbar-face-color: #C3D5E7; scrollbar-3dlight-color: #EFF4FA; scrollbar-darkshadow-color: #EFF4FA; scrollbar-highlight-color: #EFF4FA;scrollbar-shadow-color: #EFF4FA;scrollbar-track-color: #EFF4FA;"><table border="0" width=137px><tr><td valign="top"><div class="welcome">

Welcome to my site!<br><br>

This is a text box that scrolls when you add more content to it. Anything can go in here; updates, friends, links, fun stuff, quotes - whatever you want.

Please enjoy!

<b>Updates</b>: 21/7/08<br><br>

New layout released.<br><br>

Scrolly scrolly!<br><br>
Scrolly scrolly!<br><br>
Scrolly scrolly!<br><br>
Scrolly scrolly!<br><br>

</td></tr></table></td></tr></table></div></div></div><div style="position:relative; margin-left:650px; margin-top: 59px; width: 161px; height: 1000px; overflow: visible;"><div class="modules2"><center><div class="header2"><br><br>Contact</div>
<div id="nav"><div style="width: 190px; height: 80px; overflow: auto; background-color:none; border: 0px solid #363636;overflow-x:hidden;scrollbar-arrow-color: #846785;scrollbar-face-color: #FCFCFC; scrollbar-3dlight-color: #EDEEF2; scrollbar-darkshadow-color: #EDEEF2; scrollbar-highlight-color: #EDEEF2;scrollbar-shadow-color: #EDEEF2;scrollbar-track-color: #FCFCFC;"><table border="0" width=180px><tr><td valign="top"><p>

</td></tr></table></td></tr></table></div></div><br> <br> <div class="header2">Serene Being</div>
<div style="width: 190px; height: 150px; overflow: auto; background-color:#EBF2FA; border: 1px solid #A0B5C3; overflow-x:hidden;scrollbar-arrow-color: #846785;scrollbar-face-color: #FCFCFC; scrollbar-3dlight-color: #EDEEF2; scrollbar-darkshadow-color: #EDEEF2; scrollbar-highlight-color: #EDEEF2;scrollbar-shadow-color: #EDEEF2;scrollbar-track-color: #EBF2FA;"><table border="0" width=180px><tr><td valign="top"><p>

<b>Online Alias:</b> S. Majere<br>
<b>Real Name:</b> Sarah<br>
<b>DOB:</b> 16/9/88 (19)<br>
<b>Zodiac:</b> Virgo<br>
<b>Heroes:</b> Raistlin Majere, Captain Kathryn Janeway, Jack O'Neill<br>
<b>Gender:</b> She-Elf<br>
<b>Status:</b> In a relationship<br>
<b>Music:</b> Old School<br><br>

More about me can go in here.<br><br>

</td></tr></table></td></tr></table></div><br><br> <div class="header2">Friends</div><div id="nav">
<div style="width: 190px; height:140px; overflow: auto; background-color: none; border: 0px solid #6D5E6F;overflow-x:hidden;scrollbar-arrow-color: #846785;scrollbar-face-color: #FCFCFC; scrollbar-3dlight-color: #EDEEF2; scrollbar-darkshadow-color: #EDEEF2; scrollbar-highlight-color: #EDEEF2;scrollbar-shadow-color: #EDEEF2;scrollbar-track-color: #FCFCFC;"><table border="0" width=180px><tr><td valign="top"><div id="nav">

<a href="http://www.xanga.com/friend">Friend 01</a>

<a href="http://www.xanga.com/friend">Friend 02</a>

<a href="http://www.xanga.com/friend">Friend 03</a>

<a href="http://www.xanga.com/friend">Friend 04</a>

<a href="http://www.xanga.com/friend">Friend 05</a>

<a href="http://www.xanga.com/friend">Friend 06</a>

</td></tr></table></td></tr></table></div></div><br> <div class="header2">Blogrings</div>
<div style="width: 190px; height: 75px; overflow: auto; background-color: none; border: 0px solid #775F78;overflow-x:hidden;scrollbar-arrow-color: #846785;scrollbar-face-color: #FCFCFC; scrollbar-3dlight-color: #EDEEF2; scrollbar-darkshadow-color: #EDEEF2; scrollbar-highlight-color: #EDEEF2;scrollbar-shadow-color: #EDEEF2;scrollbar-track-color: #FCFCFC;"><table border="0" width=180px><tr><td valign="top"><div id="nav">

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

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

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

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

</div></td></tr></table></td></tr></table></div><br><br> <div class="header2">Whispers</div><div style="width: 190px; height: 80px; overflow: auto; background-color: none; border: 0px solid #775F78;overflow-x:hidden;scrollbar-arrow-color: #846785;scrollbar-face-color: #FCFCFC; scrollbar-3dlight-color: #EDEEF2; scrollbar-darkshadow-color: #EDEEF2; scrollbar-highlight-color: #EDEEF2;scrollbar-shadow-color: #EDEEF2;scrollbar-track-color: #FCFCFC;"><table border="0" width=180px><tr><td valign="top">

<br><br>
Music player in here...
<br><br>

</div></td></tr></table></td></tr></table></div><br><br> <div class="header2">Sitely</div><div style="width: 190px; height: 50px; overflow: auto; background-color: #EBF2FA; border: 1px solid #A0B5C3; overflow:hidden;scrollbar-arrow-color: #846785;scrollbar-face-color: #FCFCFC; scrollbar-3dlight-color: #EDEEF2; scrollbar-darkshadow-color: #EDEEF2; scrollbar-highlight-color: #EDEEF2;scrollbar-shadow-color: #EDEEF2;scrollbar-track-color: #EBF2FA;"><table border="0" width=180px><tr><td valign="top"><p>
Layout designed by <a href="http://www.xanga.com/s_majere">S. Majere</a>.
<br><br>Background: <a href="http://www.squidfinger.com">Squidfingers</a>.</td></tr></table></td></tr></table></div><br><BR></div></div></center><div style="position:relative; margin-left:140px; margin-top: -1000px; width: 510px;padding:0px; 
border-bottom: 0px solid #12183E;
border-left: 1px solid #000000;border-right: 0px solid #617881;BACKGROUND-COLOR:#E2ECF5;">

Layout Comments

Showing latest 6 of 6 comments

Firstly, HE is a SHE.

Secondly, use your eyes. The preview for this layout is misaligned because Xanga users must left align this in their CLAF. I have linked a fully working preview. Use your loaf.

By S-Majere on Nov 30, 2008 1:55 pm