f a n t a s y

Designer's Comments

Look carefully for specific instructions

After a long dry spell, a little peace offering! Based on a singular image from celestial-star.net and coupled with an image of cherry blossom to give the appearance of a watercolor. Xanga only for now, though Myspace is coming. :)

TO VIEW A WORKING PREVIEW, GO HERE.

You MUST CENTER 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**/>

<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>

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

#navi a {
font-weight: bold;
      font: 10px verdana;
letter-spacing: 0.03em;
border: 1px solid #B6C4E3;
display:block;
padding-top: 1px;
padding-bottom: 1px;
padding-left: 0px;
padding-right: 0px;
text-decoration: none;
text-align: center;
color: #334A54;
background-color: #CFDBF5;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;

border: 1px solid #B6C4E3;
background-color: #F5F5F5;cursor:default;}

.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {
font: normal 10px verdana;
line-height:12px;
color: #3D495F;
letter-spacing:0px;
text-align:left;
}

.blogbody b, .standard b, p b, strong {
font-weight: bold;
color: #CAA8BF;
}

i, em {
font-weight: italic;
color: #8DA0AE;
}

u {
text-decoration: underlined;
color: #4E3F82;
}
body {
scrollbar-arrow-color: #072453;
scrollbar-face-color: #CFDBF5; 
scrollbar-3dlight-color: #F5F5F5; 
scrollbar-darkshadow-color: #C4D2EF; 
scrollbar-highlight-color: #F5F5F5;
scrollbar-shadow-color: #C4D2EF;
scrollbar-track-color: #F8F6F6;
background-image: url("http://cbimg9.com/layouts/08/12/32843af.jpg");
background-position:right;
background-attachment:scroll;
background-color:#F9F5F6;
background-repeat: repeat-y;
overflow-x:hidden;

}
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;
}

div.blogheader{
font: bold 11px arial;
font-weight: bold;
color: #0E1A4B;
letter-spacing: 2px;
line-height: 12px;
text-transform: none;
background-image: url("");
background-repeat:no-repeat;
background-color:#F1E3EA;
background-position: left;
text-align: left;
padding-left:10px;
padding-top:5px;
width: 355px;
text-decoration: uppercase;
border-top: 0px dashed #366074;
border-bottom: 0px solid #889CB6;
border-right: 0px solid #363636;
border-left: 0px solid #363636;

}

a:link, .footernav.link, a.footernav:link, a.footernav:active {
color:#667492;
font: normal 10px verdana;
line-height:12px;

}

a:visited, a.footernav:visited, {color:#667492;
font: normal 10px verdana;
line-height:12px;
background-color:#;

}

a:hover {

color:#072453;
font: normal 10px verdana;
line-height:12px;
background-color:#F5F5F5;
}

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 center;
font: normal 8pt verdana;
color: #cccccc;
padding:0px;
line-height: 10pt;
text-align: justify;
background-color:#F5F8FE;
border-bottom:0px solid #ffffff;
border-right: 0px solid #807375;
border-left: 0px solid #807375;
border-top: 0px solid #ffffff;
width:355px;
}

.welcome{
font: normal 11px verdana;
line-height:13px;
color: #3D4F5F;
padding:0px;
letter-spacing:0px;
width:365px;
text-align:left;
border-top: 0px dotted #425875;
border-bottom: 0px dotted #425875;
background-color:#EDF3FB;

}

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

hr {
border: 1px dashed #E4D1D2;
}
#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-right: 0px solid #12183E;
border-left: 0px solid #12183E;
border-top: 0px solid #12183E;
border-bottom: 0px solid #ffffff;}

.Modules2 {
font: normal 9px verdana;
width:200px;
color: #cccccc;
line-height:15px;
letter-spacing:0px;
text-align:left;
text-align:justify;
text-transform: none;
display:block; 
padding:0px;
background-color: none;
border-right: 0px solid #617881;
border-left: 0px solid #617881;
border-bottom: 0px solid #12183E;

}

.Header2 {
font: bold 11px georgia;
font-weight: bold;
color: #072453;
letter-spacing: 1px;
text-transform: lowercase;
line-height: 10px;
background-image: url("");
background-color: none;
background-position: left;
text-align: left;
padding-right: 0px;
padding:1;
padding-top:3px;
padding-left:2px;
width: 180px;
text-decoration: uppercase;
border-top: 0px dashed #747A8D;
border-bottom: 0px dashed #22293C;
border-right: 0px solid #363636;
border-left: 0px solid #363636;
}

#nav a {
font-weight: bold;
font: 10px verdana;
letter-spacing: 0.03em;
border-bottom: 5px solid #F8F5F6;
border-top: 1px solid #D0E2FC;
border-left: 2px solid #04355C;
border-right: 0px solid #334A54;
letter-spacing: 1px;
display:block;
padding-top: 1px;
padding-bottom: 1px;
padding-left: 0px;
padding-right: 0px;
text-decoration: none;
text-align: center;
color: #334A54;
background-color: #F6F9F9;cursor:default;}
#nav a:hover { 
letter-spacing: 1px;
color: #334A54;padding-top: 1px;
padding-bottom: 1px;
padding-left: 0px;
padding-right: 0px;
text-align: center;
font: 10px verdana; display:block;
border-bottom: 5px solid #F8F5F6;
border-top: 1px dashed #D0E2FC;
border-left: 2px solid #04355C;
border-right: 0px solid #334A54;
background-color: #fcfcfc;cursor:default;}
</style><div style="position:static; margin-right: 350px; margin-top: 5px; width: 200px; height: 200px; overflow: visible;"><div class="modules2"><div id="nav">

</div></div></div><div style="position:relative; margin-right:-5px; margin-top: -216px; width: 355px;padding:0px; 
border-bottom: 0px solid #12183E;
border-left: 0px solid #B4C3E1;border-right: 0px solid #617881;
BACKGROUND-COLOR:none;">