Narnia: This is Home

Designer's Comments

Look carefully for specific instructions

Images from Prince Caspian (the movie) and image quotes from the Last Battle. You can't tell I'm a Narnia fan :)

The script is a little finicky; don't play with the CSS too much, or you'll lose your right modules, gain your left ones, or both. I'm assuming people who would want the left modules know what to do.

That's it! 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><script language=javascript>document.title=("This is Home >>>")</script>
<style>
BODY {
  scrollbar-face-color: #85d1df;
  scrollbar-shadow-color: #1d8898;
  scrollbar-highlight-color: #EAEBD3;
  scrollbar-3dlight-color: #1d8898;
  scrollbar-darkshadow-color: #1a4650;
  scrollbar-track-color: #676963;
  scrollbar-arrow-color: #1d8898;
  background-color: #9ed7e1;
}

table.left {
  background-color: transparent;
  border:0px;
  width:120px
}

table.left th {
  background-color: transparent;
  font: 8PT arial;
  text-transform: UPPERCASE;
  color: #666666;
  text-align: left;
  font-weight: bold;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 8px;
  border-bottom: 1px solid #666666;
}

table.left TD {
  background-color: transparent;
  color: #666666;
  border: 0px;
  text-align: left;
}

.blogheader {
  background-color: transparent;
  font: 8pt arial;
  text-transform: uppercase;
  color: #000000;
  border: 0px;
  text-align: left;
  font-weight: bold;
  padding-left: 10px;
  padding-right: 10px
  padding-top: 0;
  padding-bottom: 0;
  border-bottom: 1px solid #666666;
}

.blogbody {
  color: #000000;
  background-color: #transparent;
  width:500px
}

input, select, menu, #htmleditor, textarea, .textfield, .button {
  border: none;
  font-family: arial;
  font-size: 8pt;
  font-color: #666666;
  background-color: #cacaca;
  letter-spacing: 0px;
  text-align: center;
}

.module, .module, .blogbody, table.footer, td, p, .content, .smalltext {
  font: normal 11px arial;
  color: #666666;
}

b, STRONG {
  COLOR: #000000;
  letter-spacing: 0px;
}

A:link {
  font-family: arial;
  text-decoration: none;
  font-weight: normal;
  font-size: 8pt;
  color: #5daebf;
  letter-spacing: 0px;
}

A:visited {
  font-family: arial;
  text-decoration: none;
  font-weight: normal;
  font-size: 8pt;
  color: #b5f4ff;
  letter-spacing: 0px;
}

a:active {
  font-family: arial;
  text-decoration: none;
  font-weight: normal;
  font-size: 8pt;
  color: #5daebf;
  letter-spacing: 0px;
}

A:hover {
  font-family: arial;
  text-decoration: underline;
  font-weight: normal;
  font-size: 8pt;
  color: #8F6030;
  letter-spacing: 0px;
}

hr,  table.footer, table.search, #SearchBar1_pnlYouAreHere {
  display: none;
}

i, {
/* edits italic text in your entry */
  font: italic 7pt verdana;
  font-weight: normal;
  color: #CECE87;
}

u, {
/* edits underlined text in your entry */
  font: 7pt verdana;
  font-weight: normal;
  color: #66644B;
  border-bottom: 1px solid #C8C59E;
}
</style>

Layout Code

Copy and paste to Website Stats

Help

<center><font size="1" color="#5daebf"><p>// skinned by
<a href="http://narnian-lass.xanga.com">Narnian Lass</a>
 | createblog.com</p></font></center>

<script language="javascript">

</script>

// *** add the replacing words or fragments below
   var newWords = new Array(
"",
"comment",
"",
"",
"",
"",
"",
"",
"",
"",
"comments",
"click",
"[",
"]");

allTableData = document.getElementsByTagName('td');
   allTableHeaders = document.getElementsByTagName('th');
       
   var collections = new Array(allTableData,allTableHeaders);
   
   for (var k = 0; k < collections.length; ++k )
   {
       for (var i = 0; i < collections[k].length; ++i )
       {   
           if (collections[k][i].innerHTML.indexOf('TABLE') == -1)
           {
               for ( var n = 0; n < oldWords.length; ++n )
               {
                   var indx = collections[k][i].innerHTML.indexOf(oldWords[n]) 
                   while (indx != -1)
                   {   
                       var replacement = '';
                       indx = collections[k][i].innerHTML.indexOf(oldWords[n]);
                       replacement = collections[k][i].innerHTML.replace(oldWords[n], newWords[n]);
                       collections[k][i].innerHTML = replacement;
                       break;                    
                   }
               }
           }
       }
   }
}
replaceWords();
</script>

// displayed text in place of username
var replace = 'About Me';

document.getElementById('ProfileModule1_lblUserName').innerHTML = replace;
</script>

<td id="customRight" style="display:none" vAlign="top" width="120">

<table class="left" cellSpacing="0" cellPadding="8" width="100%" border="1">
 <tr><th class="left" vAlign="top" align="center">
 About Me
 </th></tr> 
 <tr><td class="left" vAlign="top">
 WRITE ABOUT YOURSELF HERE
</td></tr>
</table>
<br/>


<table class="left" cellSpacing="0" cellPadding="8" width="100%" border="1">
 <tr><th class="left" vAlign="top" align="center">
 Extra Module (replace title)</th></tr> 
 <tr><td class="left" vAlign="top">
 PUT WHATEVER YOU LIKE HERE: Links, YouTube, Music, Pics., Etc.
</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>