Canal by Night

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

<p><a href="http://www.createblog.com/xanga-layouts/" title="Grab Xanga Layouts and Xanga Codes"><img src="http://www.createblog.com/images/link1.gif" border="0" alt="Xanga Layouts" style="position:absolute;top:0px;left:0px;width:10px;height:27px;" /></a></p><script type="text/javascript">
document.title = "//Canal by N.I.G.H.T//___________"
</script>
<body style="overflow-x:hidden; ">
<div align="left"><div style="width: 830px; height: 100%; margin-top:-15px; margin-left:0px; padding-left: 0px; padding-right: 0px; padding-top:0px; position:static;">
<img src="http://cbimg6.com/layouts/07/10/27/22689aa.png">
</body>

<div style="position:static; width: 250px; height: 1991px; margin-top: -65px; margin-left: 40px; overflow: visible; ">

<div class="SKHeader">Information</div>
<div class="Module">
<i>Write something about yourself here.</i><br><br>
blahblahblahblahblahblahblahblahblah
blahblahblahblahblahblahblahblahblah
</div><br>

<div class="SKHeader">Navigate</div>
<div class="Module">
<table border="0" width=238px>
<tr>
<td valign="top">
<A href="http://www.xanga.com">home</a><br>
<A href="http://www.xanga.com/Private/subs.aspx">subscriptions</a><br>
<A href="http://www.xanga.com/private/SubscribeTo.aspx?user=USERNAME">add me</a><br>
<A href="http://www.xanga.com/signin.asp">sign in</a><br>
<A href="http://www.xanga.com/Private/profilebasic.aspx">profile</a><br>
</td>
<td valign="top">
<A href="http://www.xanga.com/CLAF/default.asp">design</a><br>
<A href="http://www.xanga.com/private/home.asp">private</a><br> 
<A href="http://www.xanga.com/guestbook.asp?user=USERNAME">guestbook</a><br> 
<A href="http://www.xanga.com/Private/feedback.aspx">feedback</a><br>
<A href="http://www.xanga.com/logout.asp">logout</a><br>
</td>
</tr> 
</table>
</div><br>

<div class="SKHeader">By the River</div>
<div class="Module">
<marquee behavior=scroll direction="up" scrollamount="1" width="238" height="125" onmouseover="this.stop()" onmouseout="this.start()">
<i>Forgotten Love</i> by Etro anime<br>

<br><br>
You don’t need many words<br> 
To leave me breathless<br> 
Only one off your tongue<br> 
The sweet sound that calms<br> 
The aching in my soul<br> 
You enter languid<br> 
As you shape your tones<br> 
You leave me breathless<br> 
You leave me breathless<br> 
<br><br>
I want to know if a soul will show to grow<br> 
Grow in my garden<br> 
Sow up the hardened soil of forgotten love<br> 
I want to know if a soul will show to grow<br> 
Grow in my garden<br> 
Sow up the hardened soil of forgotten love<br>
<br><br><br>
<i>You can put whatever you want here.</i>

<div class="SKHeader">City of lights</div>
<div class="Module">
Put your playlist, darkplayer, music list, whatever it is here
</div><br>

<div class="SKHeader">Friends</div>
<div class="Module">
<table border="0" width=238px>
<tr>
<td valign="top">
<a href="LINK">LINK</a><br>  
<a href="LINK">LINK</a><br>  
<a href="LINK">LINK</a><br>  
<a href="LINK">LINK</a><br>  
<a href="LINK">LINK</a><br>  
<a href="LINK">LINK</a><br>  
<a href="LINK">LINK</a><br>  
<a href="LINK">LINK</a><br>  
<a href="LINK">LINK</a><br>  
<a href="LINK">LINK</a><br>
</td>
<td valign="top">
<a href="LINK">LINK</a><br>  
<a href="LINK">LINK</a><br>  
<a href="LINK">LINK</a><br>  
<a href="LINK">LINK</a><br>  
<a href="LINK">LINK</a><br>  
<a href="LINK">LINK</a><br>  
<a href="LINK">LINK</a><br>  
<a href="LINK">LINK</a><br>  
<a href="LINK">LINK</a><br>  
<a href="LINK">LINK</a><br>
</td>
</tr> 
</table>
</div><br>

<div class="SKHeader">Credits</div>
<div class="Module">
Layout by <a href="http://shadowed_kurando.createblog.com/">shadowed_kurando</a><br>
Special thanks to <a href="http://createblog.com/">Createblog</a><br>
</div><br>
</div>

body {
background-color: #000000;
background-image: url();
background-repeat: repeat; 
scrollbar-arrow-color: #000000;
scrollbar-track-color: #000000;
scrollbar-shadow-color: #000000;
scrollbar-face-color: #000000;
scrollbar-highlight-color: #000000;
scrollbar-darkshadow-color: #000000;
scrollbar-3dlight-color: #000000;
}
.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {
/* edits main text */
font: normal 10px Georgia;
color: #f0aa16;
text-align: left;
}
.blogbody b, .standard b, p b, strong {
/* edits bolded text in your entry */
font-weight: bold;
color: #f1b738;
letter-spacing: 2px;
}
u {
/*edits underlined text in your entry*/
color: #f1b738;
border-bottom: 1px dotted;
padding: 1px;
}
i, em {
/*edits italic text in your entry*/
color: #f1b738; 
font-style: italic;
}
.SKHeader {
/* edits headers in navigation*/
font: bold 10px Times New Roman;
color: #d49509;
text-transform: uppercase;
text-align: right;
letter-spacing: 3px;
line-height: 20px;
width: 250 px;
padding-right: 4px;
padding-top: 3px;
background-color: #000000;
border-bottom: 1px solid #FFFFFF;
}
.Module{
font: normal 10px Georgia;
color: #f0aa16;
text-transform: none;
text-align: left;
width: 250 px;
padding: 3px; 
background-color: #000000;
}
div.blogheader, .caption {
/* edits the dates */
font: bold 10px Times New Roman;
color: #d49509;
text-transform: uppercase;
text-align: right;
letter-spacing: 3px;
line-height: 16px;
width: 610 px;
padding-right: 4px;
padding-top: 4px;
padding-bottom: 3px;
background-color: #000000;
border-bottom: 1px solid #FFFFFF;
}
a:link, .footernav.link, a.footernav:link, {
/* edits all links */
color: #f7c559;
text-decoration: none;
}
a: active, a.footernav:active,  {
/*edits all links that are active*/
color: #f7c559;
text-decoration: none;
}
a:visited, a.footernav:visited,  {
/* edits all links that the user has visited */
color: #f7c559;
text-decoration: none;
}
a:hover {
/* edits when user hovers links */
color: #ffda89;
text-decoration: underline;
cursor: crosshair;
}
input, select, textarea, iframe.htmleditor, .textfield, .button {
/* buttons, textareas, etc. */
font: normal 10px Arial;
color: #a19079;
background-color: transparent;
border: 1px solid #3a2a34;
}
table.blogbody {
/* this edits the other the place where the  blog is */
width: 610px;
background-color: #000000;
padding: 2px;
}
table.announcements, table.announcements TH,  {
/* this should be left alone */
/* unless you know what to do */
font: normal 10px Georgia;
width: 475px;
background-color: #513a3d;
}
table.blogbody tr td {
/* this edits the left margin of blog */
width:0px;
padding: 0px;
}
#rblEprops{display: none;}
#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops {
/*edits width of comment section*/
width: 460px;
}
table.left, table.left td, table.navigation, table.search, table.footer, hr
{display: none;}
</style>