Effortless Elegance

Designer's Comments

Look carefully for specific instructions

Featuring the gorgeous Keira Knightley.

PLEASE BE AWARE THAT THE CREATEBLOG PREVIEW WILL MISALIGN THIS LAYOUT. Go here for a fully working xanga preview.

You must LEFT ALIGN this layout. Otherwise, it will appear misaligned.

It is pretty much aligned in Firefox - I'm aware that the navigation overlaps in it though so I'm fixing that.

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

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

<div align=left><div style="position:static; margin-left:-10px;margin-top: -20px;border:

0px solid #000000;background: #F8F8F8;<head>
< http-equiv="Content-Type content="text/html; charset=iso-8859-1">
</head>
<table id="Table_01" border="0" cellpadding="0" cellspacing="0"> <tr><td>

<table id="Table_01" width="639" height="555" border="0" cellpadding="0" cellspacing="0">
 <tr>
  <td>
   <img src="http://cbimg6.com/layouts/07/11/28/23457aa.jpg" width="639" height="89" alt=""></td>
 </tr>
 <tr>
  <td>
   <img src="http://cbimg6.com/layouts/07/11/28/23457ab.jpg" width="639" height="105" alt=""></td>
 </tr>
 <tr>
  <td>
   <img src="http://cbimg6.com/layouts/07/11/28/23457ac.jpg" width="639" height="150" alt=""></td>
 </tr>
 <tr>
  <td>
   <img src="http://cbimg6.com/layouts/07/11/28/23457ad.jpg" width="639" height="121" alt=""></td>
 </tr>
 <tr>
  <td>
   <img src="http://cbimg6.com/layouts/07/11/28/23457ae.jpg" width="639" height="90" alt=""></td>
 </tr>
</table>

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

<div style="position:static; margin-left: 275px;margin-top:-45px; width: 350px; height: 25px; background-color: transparant;overflow: auto; 
scrollbar-arrow-color: #CAC9CE;
scrollbar-face-color: #EDEEF2; 
scrollbar-3dlight-color: #EDEEF2; 
scrollbar-darkshadow-color: #EDEEF2; 
scrollbar-highlight-color: #CAC9CE;
scrollbar-shadow-color: #CAC9CE;
scrollbar-track-color: #EDEEF2;"><table border="0" width=340px>
<tr>
<td valign="top">
<div id="snav"><a href="http://www.xanga.com/Private/feedback.aspx?tab=eprops">Feedback</a>
<td valign="top">
<div id="snav"><a href="http://www.xanga.com/claf">Design</a>
<td valign="top"><div id="snav"><a href="http://www.xanga.com/private/SubscribeTo.aspx?user=YOURUSERNAMEHERE">Subscribe</a>
<td valign="top"><div id="snav"><a href="http://www.xanga.com/private/Subs.aspx">Friends</a>
</td></tr></table></div>

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

i, em {
font-weight: italic;
color: #9DA0BD;
}

u {
text-decoration: underlined;
color: #6A869E;
}
body {
scrollbar-arrow-color: #5C5E65;
scrollbar-face-color: #B8C8DD; 
scrollbar-3dlight-color: #ffffff; 
scrollbar-darkshadow-color: #ffffff; 
scrollbar-highlight-color: #ffffff;
scrollbar-shadow-color: #ffffff;
scrollbar-track-color: #F2F2F2;
background-image: url("");
background-position: left;
background-color: #F8F8F8;
background-repeat: repeat-y;
overflow-x:hidden;
cursor:default;
}
table.footer TD {
text-align: center;
}

div.blogheader{
font: bold 10px verdana;
font-weight: bold;
color: #172C5A;
letter-spacing: 1px;
text-transform: none;
line-height: 10px;
background-image: url("");
height: 10px;
background-color: none;
background-position: center;
text-align: left;
padding-right: 0px;
padding:1;
padding-top:0px;
width: 400px;
text-decoration: uppercase;
border-top: 0px dashed #747A8D;
border-bottom: 0px dotted #70738E;
border-right: 0px solid #363636;
border-left: 0px solid #363636;

}

a:link, .footernav.link, a.footernav:link, a.footernav:active {
color:#344363;
font: normal 9px verdana;
line-height:12px;
background-color:#EFEFEF;
cursor:default;

}

a:visited, a.footernav:visited, {color:#425875;
font: normal 9px verdana;
line-height:12px;
background-color:#EFEFEF; 
cursor:default;
}

a:hover {

color:#425875;
font: normal 9px verdana;
line-height:12px;
cursor:default;
background-color:#CEDDE1;
}

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:3px;
line-height: 10pt;
text-align: justify;
background-color: #ffffff;

border-top: 1px dashed #344363;
border-left: 3px solid #D4D8E1;
border-bottom: 1px dashed #A3A7B0;
border-right: 3px solid #D4D8E1;

width: 400px;}

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

hr {
border: 1px dashed #425875;
}
#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: 230px;
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;
}

#snav a {
font-weight: bold;
     font: 9px verdana;
border-right:3px solid #344363;
border-left:3px solid #344363;
border-top:1px solid #344363;
border-bottom:1px solid #344363;
text-align:center;
padding-left: 5px;
padding-right: 5px;
padding-top: 2px;
padding-bottom: 2px;
height: 10px;
     width:75px;
text-decoration: none;
color: #14264E;
background-color: #E3E3E7;
text-transform: none;
cursor:default;
}

#snav a:hover { 
color: #14264E;
     font: 9px verdana;
border-right:3px solid #344363;
border-left:3px solid #344363;
border-top:1px solid #344363;
border-bottom:1px solid #344363;

text-align:center;
     width:75px;
     background-color: #ffffff;
     text-transform: none;
cursor:default;
}

.Modules2 {
font: normal 9px verdana;
width:230px;
color: #cccccc;
line-height:15px;
letter-spacing:0px;
text-align:left;
text-align:justify;
text-transform: none;
display:block; 
padding:4px;
background-color: #FBF7F8;
border: 1px dotted #6D5E6F;
}

.Header2 {
font: bold 10px verdana;
font-weight: bold;
color: #172C5A;
letter-spacing: 1px;
text-transform: none;
line-height: 9px;
background-image: url("");
height: 9px;
background-color: none;
background-position: left;
text-align: center;
padding-right: 3px;
padding:1;
padding-top:3px;
width: 230px;
text-decoration: uppercase;
border-top: 0px dashed #172C5A;
border-bottom: 1px dashed #344363;
border-left: 0px solid #D4D8E1;
border-right: 0px solid #D4D8E1;
}

#nav a {
font-weight: none;
     font: 9px verdana;
border-top:1px solid #344363;
border-left: 3px solid #102042;
border-bottom:1px solid #A3A7B0;
border-right: 3px solid #344363;
text-align:center;
padding-left: 3px;
padding-right: 3px;
padding-top: 2px;
padding-bottom: 2px;
height: 10px;
     width:230px;
text-decoration: none;
color: #425875;
background-color: #E3E3E7;
text-transform: none;
cursor:default;
}

#nav a:hover { 
color: #425875;
     font: 9px verdana;
border-top:1px solid #344363;
border-left: 3px solid #102042;
border-bottom:1px solid #A3A7B0;
border-right: 3px solid #344363;
cursor:default;

text-align:center;
     width:230px;
     background-color: #ffffff;
     text-transform: none;
)</style><div style="position:static; margin-left: 400px; margin-top: 20px; width: 230px; height: 2000px; overflow: visible;"><div class="modules"><div class="header2">Offsite</div><div id="nav">

<a href="mailto:s.majere@hotmail.com">Hotmail</a>

<a href="http://www.myspace.com" target=_"new">Myspace</a>

<a href="http://deviantart.com">Deviantart</a>

<a href="http://www.createblog.com/">Createblog</a>

</div><br><div class="header2">Webmistress</div>
<div style="width: 230px; height: 90px; overflow: auto; background-color: #ffffff; border: 0px solid #6D5E6F;overflow-x:hidden;scrollbar-arrow-color: #546780;scrollbar-face-color: #ffffff; scrollbar-3dlight-color: #ffffff; scrollbar-darkshadow-color: #ffffff; scrollbar-highlight-color: #ffffff;scrollbar-shadow-color: #ffffff;scrollbar-track-color: #ffffff;"><table border="0" width=220px><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>Adores:</b> Ian, Star Trek, Dragonlance, GOOD Fantasy, Haribo, Red Roses, Xanga, Jareth, David Bowie, Captain Jack Sparrow, Bruce Willis, Kathryn Janeway and James T. Kirk.<br>
<b>Despises:</b> Emoism<br>
<b>Weapon:</b> Written Word<br>
<b>Gender:</b> She-Elf<br>
<b>Love:</b> Ian<br>
<b>Status:</b> In a relationship<br>
<b>Music:</b> Hard rock, metal, trance, dark-core, neo-folk, industrial, alternative.
<br>

</td></tr></table></td></tr></table></div></span></span></span></span></span><br><div class="header2">Friends</div><div id="nav">

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

<br><div class="header2">Blogrings</div>

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

</div><br><div class="header2">Sitely</div>
<div style="width: 230px; height: 40px; overflow: auto; background-color: #ffffff; border: 0px solid #775F78;overflow-x:hidden;scrollbar-arrow-color: #546780;scrollbar-face-color: #ffffff; scrollbar-3dlight-color: #ffffff; scrollbar-darkshadow-color: #ffffff; scrollbar-highlight-color: #ffffff;scrollbar-shadow-color: #ffffff;scrollbar-track-color: #ffffff;"><table border="0" width=220px><tr><td valign="top"><p>Layout designed by <a href="http://www.xanga.com/s_majere" target=_"new">S. Majere</a><br></td></tr></table></td></tr></table></div></div></div></div><DIV style="position:static; 
margin-top: -2039px; 
margin-left: -10px; 
width: 400px; 
padding:4px;
BACKGROUND-COLOR: none;">