Hippogriff :: Ft. Harry Potter

Xanga Layouts / Basic

Designer's Comments

Look carefully for specific instructions

Hide the search bar!
This layout works best in Internet Explorer.

IMAGE CREDIT: http://whenitcomes.com/

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><body><span><div style="width: 390px; height: 250px; border:0px solid #36AEAC; background-color: #ffffff;overflow: auto; filter: alpha(style=0,opacity=80);">
<div align=right>
<STYLE type="text/css">
/* credit = euroblender */
body {
 background-color: transparent;
 background-image:url(http://cbimg6.com/layouts/07/06/14/18440aa.jpg);
 background-position:center;
 background-repeat: no-repeat;
 background-attachment:fixed;
 scrollbar-arrow-color: #8FEF8F;
 scrollbar-track-color: #ffffff;
 scrollbar-shadow-color: #ffffff;
 scrollbar-face-color: #ffffff;
 scrollbar-highlight-color: #ffffff;
 scrollbar-darkshadow-color: #ffffff;
 scrollbar-3dlight-color: #ffffff; 
 }

.left, .blogbody, table.footer, .standard, td, p {
/* [edits main text] */
 font:normal 9px verdana;
 color: #9F8060;
 letter-spacing:0px;
 text-align:center;
 }
.blogbody b, .standard b, p b, strong {
/* [edits bold text] */
 font-weight: bold;
 font-family: verdana;
 size: 9px;
 color:#66CCCC;
}

.blogbody u, .standard u,  {
/* [edits underlined text] */
 font:normal 9px verdana;
 color:#8FEF8F;
 text-decoration: none;
 border-bottom: 1px solid #8FEF8F;
}

.blogbody i, .standard i, em {
/* [edits itlaicized text] */
 font: italicized 9px verdana;
 color:#E7E758;
}
div.blogheader, .caption {
/* [edits the dates] */
 font-family: small fonts;
 text-transform: uppercase;
 background-color: #FFFFFF;
 font-size:7px;
 font-weight: normal;
 line-height: 11px;
 letter-spacing: 0px; 
 color: #504030;
 text-align: center;
 padding: 3px; 
 width: 200px;
 border: 0px solid #FFFFFF;
 border-bottom:0px solid #FFFFFF;
 background-image: url();
 background-position:bottom left;
 background-repeat:repeat;
 background-attachment:fixed;
 display: none;
 }
table.blogbody {
/* [edits blog] */
 border: 0px solid #FFFFFF;
 border-top:0px solid #FFFFFF;
 width: 200px; 
 background-color: #ffffff;
 background-image: url();
 background-repeat: no-repeat;
 background-position: bottom right;

}
a:link, .footernav.link, a.footernav:link, a.footernav:active {
/* [edits all links] */
 color: #504030;
 font:normal 7px small fonts;
 text-decoration: none;
 text-transform: uppercase;
 padding: 0px;
 background-color: transparent;
 }
a:visited, a.footernav:visited,  {
/* [edits visited links] */
 color: #504030;
 font:normal 7px small fonts;
 text-decoration: none;
 text-transform: uppercase;
 padding: 0px;
 background-color: transparent;
 }
a:hover {
/* [edits hover over links] */
 color: #504030;
 font:normal 7px small fonts;
 text-decoration: none;
 text-transform: uppercase;
 padding: 0px;
 cursor: nw-resize;
 background-color: transparent;
 border-bottom: 1px solid #3e3e3e;
 }
input, select, textarea, iframe.htmleditor, .textfield, .button {
/* [edits buttons, dropdowns, etc.] */
 border: 2px solid #3e3e3e;
 font:normal 7px small fonts;
 text-transform: uppercase;
 background-color: #FFFFFF;
 letter-spacing:0px;
 color: #3e3e3e;
 }
table.left { 
/* [edits menu module] */
 border: 0px solid #FFFFFF;
 width: 150px;
 background-color: #FFFFFF;
 diplay:none;
 }
table.left th {
/* [edits title part of module] */
 border:3px solid #BF0060; 
 background-color: #FFBF80;
 font: 7px small fonts;
 color: #3e3e3e;
 text-align: center;
 text-transform:uppercase;
 letter-spacing:0px;
 background-image: url();
 background-position:bottom left;
 background-repeat:repeat;
 background-attachment:fixed;
 display:none;
 }
table.left TD {
/* [edits body of menu module] */
 border:0px solid #BF0060;
 width: 150px;
 background-color: #ffffff;
 font:normal 9px verdana;
 color: #3e3e3e;
 text-align: center;
 background-image: url();
 background-position:bottom left;
 background-repeat:repeat;
 background-attachment:fixed;
 diplay:none;
 }
table.search TD, table.search, table.announcements {
/* [edits border of search bar] */
 background-color: #FFFFFF;
 border: 1px solid #3e3e3e;

}
table.search TD, table.announcements TH {
/* [leave alone] */
 border: 0px solid #3e3e3e;
}
table.navigation, table.main, table.footer {
/* the width of your blog with modules */
  width: 200px;
 }
hr {
/* horizontal divider */
 display: none;
 }
table.footer TD {
/* [makes footer centered] */
/* leave it alone unless you know what to do*/
 text-align: center;
 }
td.maincenter, {
width: 75%; }
table.navigation, table.footer {
display: none;
}
</style>
<a href=http://www.xanga.com/>xanga</a>   <a href=http://www.xanga.com/signin.aspx>in</a>   <a href=http://edit.xanga.com/signout.aspx>out</a>   <a href=http://www.xanga.com/private/home.aspx>private</a>   <a href=http://edit.xanga.com/claf.aspx>claf</a>   <a href=http://www.xanga.com/euroblender>euroblender</a>

Layout Code

Copy and paste to Website Stats

Help

<script type="text/javascript">
function adjustSirListHeight()
{
   // *** define the height of your SIR-list in the line below 
   var sirListHeight = '120px';
   var allTables = document.getElementsByTagName('tbody');
   for (i=0; i < allTables.length; i++)
   {
       if ((allTables[i].innerHTML.indexOf('Profile') != -1) &&
           (allTables[i].innerHTML.toUpperCase().indexOf('<TABLE') == -1))
       {
           sirlist = allTables[i].lastChild;
           temp = sirlist.firstChild.innerHTML;
           sirlist.removeChild(sirlist.firstChild);
           td = document.createElement('td');
           div = document.createElement('div');
           div.style.width = '100%';
           div.style.height = sirListHeight;
           div.style.overflow = 'auto';
           div.innerHTML = temp;
           td.appendChild(div);
           sirlist.appendChild(td);
           break;
       }
   }
}
if (navigator.userAgent.indexOf('Mac') == -1)
   if ((document.URL.indexOf('weblogs') == -1) && 
       (document.URL.indexOf('guestbook') == -1) &&
       (document.URL.indexOf('events') == -1) &&
       (document.URL.indexOf('reviews') == -1))
       adjustSirListHeight();
</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>

}
//-->
</script>

</table></td></tr></tr></td></table><ilayer name=""><div id="" style="width:1; height:1; BACKGROUND: #; FILTER: alpha(opacity=0); overflow:auto"><ilayer name=""><div id="" style="width:1; height:1; BACKGROUND: #; FILTER: alpha(opacity=0); overflow:auto"></table></td></tr></tr></td></table><ilayer name=""><div id="" style="width:1; height:1; BACKGROUND: #; FILTER: alpha(opacity=0); overflow:auto"><ilayer name=""><div id="" style="width:1; height:1; BACKGROUND: #; FILTER: alpha(opacity=0); overflow:auto"><script language="javascript">//Sets blog opacity (0-100)opcty = 50;//Sets rollover opacitymsvropcty = 100;////////////////////////////////////tables = document.getElementsByTagName('table');for(var j=0;j<tables.length;j++){if(tables[j].className == "blogbody"){tables[j].style.filter = "alpha(opacity=" + opcty + ")";tables[j].onmouseover = function(){this.style.filter = "alpha(opacity=" + msvropcty + ")";}tables[j].onmouseout = function(){this.style.filter = "alpha(opacity=" + opcty + ")";}}}//--></script>

Layout Comments

Showing latest 4 of 4 comments

x2x2x2x2x2x2x2

By x0x on Oct 25, 2008 3:15 am

This is so beautiful.

By YourSuperior on Jul 13, 2007 7:43 am

Agree.

By Enigma19 on Jun 25, 2007 9:09 pm

too cute! love the colors.

By pynkxplosive on Jun 20, 2007 11:05 am

Layout Details

Designer	euroblender
Submitted on	Jun 14, 2007
Page views	21,759
Favorites	38
Comments	4
Reviewer	digitalfragrance
Approved on	Jun 15, 2007

Hippogriff :: Ft. Harry Potter

Designer's Comments

Using This Layout

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Colors

Layout Tags

Layout Tools

Layout Affiliates