Vanity Affair

Xanga Layouts / Basic

Designer's Comments

Look carefully for specific instructions

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

IMAGE CREDIT: teenvogue.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><div style="width: 650px; height: 450px; border:2px double #000000; background-color: #FFFFFF;overflow: auto; filter: alpha style=0,opacity=100); background-image: url(http://img138.imageshack.us/img138/5594/madelinewenchdz6.jpg); background-repeat: no-repeat;"> <div align=right><a href=http://www.xanga.com/signin.aspx>camera</a>   <a href=http://www.xanga.com/private/home.aspx>flash</a>   <a href=http://edit.xanga.com/signout.aspx>pose</a>   <a href=http://www.xanga.com/euroblender>euroblender</a>            <body style="overflow-y: hidden"> <div style="overflow:auto; height:430; width:340;filter: alpha(style=0,opacity=65);"> <div align=center><STYLE type="text/css">/* credit = euroblender */body { background-color:#; background-image: url(http://cbimg6.com/layouts/07/08/13/20640aa.png); background-position:center; background-repeat: repeat; background-attachment:fixed; scrollbar-arrow-color: #000000; 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: #000000; letter-spacing:0px; text-align:left; }.blogbody b, .standard b, p b, strong {/* [edits bold text] */ font-weight: bold; font-family: verdana; size: 9px; color:#8F3060;}.blogbody u, .standard u,  {/* [edits underlined text] */ font: underlined 9px verdana; color:#BF0060; size: 9px; text-decoration: none; border-bottom: 1px dotted #BF0060;}.blogbody i, .standard i, em {/* [edits itlaicized text] */ font: italic 9px verdana; color:#DF8020;}div.blogheader, .caption {/* [edits the dates] */ font-family: timearial unicode rounded; text-transform: lowercase; background-color: #FFFFFF; font-size:15px; font-weight: normal; line-height: 11px; letter-spacing: 0px;  color: #30608F; text-align: center; padding: 3px;  width: 250px; 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: 1px solid #000000; border-top:1px solid #000000; width: 300px;  height: 50px; 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: #804000; font:normal 7px small fonts; text-decoration: none; text-transform: uppercase; padding: 0px; background-color:; }a:visited, a.footernav:visited,  {/* [edits visited links] */ color: #804000; font:normal 7px small fonts; text-decoration: none; text-transform: uppercase; padding: 0px; background-color: #; }a:hover {/* [edits hover over links] */ color: #BF4040; font:normal 7px small fonts; text-decoration: none; text-transform: uppercase; padding: 0px; cursor: default; background-color: #; }input, select, textarea, iframe.htmleditor, .textfield, .button {/* [edits buttons, dropdowns, etc.] */ border: 0px solid #000000; font:normal 7px small fonts; text-transform: uppercase; background-color: #FFFFFF; letter-spacing:0px; color: #000000; }table.left { /* [edits menu module] */ border: 3px solid #000000; width: 200px; background-color: #FFFFFF; background-image: url(); display:none;}table.left th {/* [edits title part of module] */ border:0px solid #FFFFFF;  background-color: #FFFFFF; font: 7px small fonts; color: #000000; 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 #FFFFFF; width: 140px; background-color: #FFFFFF; font: normal 8px verdana; color: #474747; text-align: center; background-image: url(); background-position:bottom left; background-repeat:repeat; background-attachment:fixed; }table.search TD, table.search, table.announcements {/* [edits border of search bar] */ background-color: #FFFFFF; border: 1px solid #000000; }table.search TD, table.announcements TH {/* [leave alone] */ border: 0px solid #000000;}table.navigation, table.main, table.footer {/* the width of your blog with modules */  width: 250px; }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>

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 10 of 14 comments

Wow, this is really pretty but how do make the box with the black border bigger? I've messed with all the "width" codes in the code and didn't get anything to work.

By emzie322 on Sep 29, 2009 7:19 pm