Dark Tree

Designer's Comments

Look carefully for specific instructions

1) Replace "YOUR USERNAME HERE" with your username!
2) Edit the "ABOUT ME" section and "CUSTOM MODULE" section to your personal liking.
3) Layout works perfect in both firefox + internet explorer (better in IE).

-- Please don't take off the credit link!
--Enjoy :-)

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

<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><style type="text/css">
/* place in your own header html*/
table.navigation{display:none}
table.footer{display:none}
</style>

div.blogheader, .caption {
/* DATES */
font-family: century gothic;
text-transform:normal;
font-size:22px;
line-height:26px;
font-weight:normal;
color: #0060BF;
letter-spacing:0px;
background-color: #0D0D0D;
filter: gradient  <div style="border:1px solid white; filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0, startColorStr= #0D0D0D, endColorStr=#0D0D0D); width: 50px; height: 190px;"> </div>;
text-align: center;
width:300px;
border-top: 1px solid #002040;
border-left: 1px solid #002040;
border-right: 1px solid #002040;
border-bottom: 0px solid #002040;

}
a:link, .footernav.link, a.footernav:link, a.footernav:active {
/* Edits links */
background-color: transparent;
color: #0080FF;
cursor:crosshair;
text-transform: normal;
font: normal 9px arial;
line-height:10px;
letter-spacing: 0px;
text-decoration: none;
border: 0px solid #0080FF;
}
a:visited, a.footernav:visited, {
/* edits the links that the user has visited */
background-color: transparent;
color: #0080FF;
cursor:crosshair;
text-transform: normal;
font: normal 9px arial;
line-height:10px;
letter-spacing: 0px;
text-decoration: none;
border: 0px solid #0080FF;
}
a:hover {
/* edits when user mouseovers the links */
color: #002040;
text-transform: normal;
text-decoration: none;
letter-spacing:0px;
background-color: transparent;
filter:blur
(add="0",direction="90",strength="10");
height: 10px;
border: 0px solid #0060BF;
}
input, select, textarea, .textfield, .button {
/* BUTTONS,DROPDOWNS. */
border: 1px solid #0080FF;
font:normal 11px arial;
background-color: #000000;
color:#0060bf;
}
table.left { 
/* Menu Module */
background-color: #0D0D0D;
background-image: url();
background-attachment: fixed;
background-repeat: repeat;
background-position: bottom left;
font-weight: normal;
text-align: right;
width:170px;
color: #0060bf;

}
table.blogbody {
/* Blog Entrys  */
background-image: url();
background-attachment: fixed;
background-repeat: repeat;
background-position: bottom left;
background-color: #0D0D0D;
border-top: 0px solid #002040;
border-bottom: 1px solid #002040;
border-left: 1px solid #002040;
border-right: 1px solid #002040;
width:300px;
}
table.left th {
/* Title of left side modules */
font-family: century gothic;
text-transform:normal;
font-size:16px;
font-weight:normal;
line-height: 18px;
color: #0060BF;
letter-spacing:0px;
background-color: #0D0D0D;
filter: gradient  <div style="border:1px solid white; filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0, startColorStr= #0D0D0D, endColorStr=#0D0D0D); width: 50px; height: 190px;"> </div>;
text-align: center;
border: 1px solid #002040;
border-bottom:none;
}
table.left TD {
/* Left Module Body */
background-image: url();
background-attachment: fixed;
background-repeat: repeat;
background-position: bottom left;
background-color: #0D0D0D;
border-top: 0px solid #002040;
border-left: 1px solid #002040;
border-right: 1px solid #002040;
border-bottom: 1px solid #002040;
font: arial;
color: #0060bf;
text-align: center;
}
table.search TD, table.search, table.announcements {
/* Search Bar */
background-color: transparent; 
border: 1px solid #0080FF;
}
table.search TD, table.announcements TH {
/* this should be left alone */
/* unless you know what to do */
border: 1px solid #0080FF;
}
table.navigation, table.main, table.footer {
/* s */
width: 500px;
}
hr {
/* horizontal divider */
border: 1px solid #0080FF;
width:300;
display:none;
}
</style>
<BODY style="border-bottom: #0080FF
12t solid; border-top: #0080FF
12t solid; border-left: #0060BF
12t solid; border-right: #0060BF
12t solid"></TBODY>
</style>
<script type="text/javascript">
/* AD REMOVER BY: FIREFLY_LAYOUTS */
    if (window.initAds) {
        initAds(0); initAds(1);
    };
</script>
<style>
a.box:link, a.box:visited, a.box:active {
text-decoration: none;
color : #0060bf;
background-color:#0D0D0D;
font-size : 9px;
filter:none;
font-family : arial;
line-height: 12pt;
text-transform:lowercase; 
border-bottom:1px dashed #0060bf;
border-top:0px solid white;
display:block;
padding-right:6px;
border-left: 2px #0060ff solid;
border-right: 6px #0060ff solid;
text-align: left;
}
}
a.box:hover {
text-transform:lowercase;
style:normal;
font-size : 9px;
filter:none;
font-family : arial;
line-height: 12pt;
height:12;
background: url() no-repeat;
background-color: #002040;
padding: 0px 0px 0px 0px;
color: #0060bf;
border-bottom:1px dashed #0060bf;
border-top:0px #32CD32 solid;
display:block;
border-left:2px #0060bf solid;
border-right:6px #0060bf solid;
text-align: left;
padding-right:6px;
}

</style>

Layout Code

Copy and paste to Website Stats

Help

<td id="customRight" style="display:none" vAlign="top" width="170" border="0">
 

<table class="left" cellSpacing="0" cellPadding="4" width="100%" border="0">
 <tr><th class="center" vAlign="top" align="center"><B>About Me</B></th></tr>
<tr><td class="center" vAlign="top">

<B>name</b>: person
<BR><B>age</b>: number
<BR><B>Location</b>: place
<BR>(Just edit this to .. whatever you want it to look like!!)
</div>
</td></tr>
</table><Br>

<table class="left" cellSpacing="0" cellPadding="4" width="100%" border="0">
 <tr><th class="left" vAlign="top" align="center"><B>Navigation</b></th></tr>

<a href="http://www.xanga.com" class="Box">  xanga</a>

<a href="http://www.xanga.com/private/yourhome.aspx" class="Box">private</a>

<a href="http://www.xanga.com/Private/SubscribeTo.aspx?user=YOUR USERNAME HERE" class="Box">subscribe</a>

<a href="http://www.xanga.com/Private/subs.aspx" class="Box">Subscriptions</a>

<a href="http://www.xanga.com/Private/profilebasic.aspx" class="Box">edit profile</a>

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

<a href="http://www.xanga.com/Private/editaccount.aspx" class="Box">account info</a>

<a href="http://www.xanga.com/emberfly_Layouts" class="Box" alt="light up your site™">Light up your site</a>

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

<table class="left" cellSpacing="0" cellPadding="4" width="100%" border="0">
 <tr><th class="left" vAlign="top" align="center"><b>Custom Module</b></th></tr> 
<tr><td class="left" vAlign="top">
<DIV id=scroll3 style="OVERFLOW: auto; WIDTH: 100%; HEIGHT: 75; background-color:#0D0D0D; border: 0px solid #002040; overflow-x:hidden">

YOUR CONTENT HERE!!!
<BR>YOUR CONTENT HERE!!!
<BR>YOUR CONTENT HERE!!!
<BR>YOUR CONTENT HERE!!!
<BR>YOUR CONTENT HERE!!!
<BR>YOUR CONTENT HERE!!!
<BR>YOUR CONTENT HERE!!!
<BR>YOUR CONTENT HERE!!!

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

</td>
<script>
extra=false;
j=document.getElementById('MoreoverModule1_lblModuleTitle')
if(j){extra=true}
index=0;
var mytds = document.getElementsByTagName('td');
var i = 0;
for(i=0;i<mytds.length-1;i++){
 if(mytds[i].width=="200"){
  index++;
  if(index==(extra ? 2 : 1)){break;}}
}
var sidebar = (extra ? mytds[i]: mytds[i].parentNode)
var tsibpc = document.getElementById('customRight');
var rightSide = tsibpc.cloneNode(true);
rightSide.style.display = "block";
sidebar.appendChild(rightSide);
</script>

Layout Comments

Showing latest 10 of 12 comments

this is nice, so blue, but i love it : ]

By meggyBEAR on Oct 4, 2009 10:12 pm

This is lovely.

By silkribbonedballerina on Jul 3, 2009 2:36 am

nevermind. i got it now! thx for all the code!

By sam93940 on May 11, 2008 1:23 am

i really like this layout! thx 4 all ur hard work! but does any1 know how to fix this layout? i mean when i use it, it shows everything on the left side instead of the right side. like where ur name and location and other stuff. plus any1 know how to add in both side columns and increase width in this layout. so, when i do have both side column, user don't need to scroll left and right for it.

By sam93940 on May 11, 2008 1:17 am

This is beautiful! I havn't seen any good layouts for Xanga for awhile. :)

By xxweirdwonderxx on Mar 22, 2008 11:52 am

myspace it please please

By errezse on Mar 16, 2008 1:02 am

make this for myspace, please!! its gorgeous.

By panicxpink on Mar 4, 2008 5:58 pm

Oh darn, its xanga. =[

By JulietLovesTheBeat on Feb 21, 2008 12:31 pm

Woah. I really love this for some reason.

By JulietLovesTheBeat on Feb 21, 2008 12:29 pm

sure go for it, solider.

By emberfly on Feb 17, 2008 4:53 pm

View all »

Layout Details

Designer	emberfly
Submitted on	Feb 17, 2008
Page views	15,205
Favorites	74
Comments	12
Reviewer	miyashu
Approved on	Feb 17, 2008

Layout Tags

, dark, tree, nature, abstract, blue, emberfly

Dark Tree

Designer's Comments

Using This Layout

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates