Clock

Designer's Comments

Look carefully for specific instructions

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

IMAGE CREDIT: mintnpepper

HTML KNOWLEDGE REQUIRED
You need to replace the following:
"USERNAME" in the links section
"TITLE HERE" and "TEXT HERE"/the lyrics I placed

You can find each of these things by using CTRL + F on your keyboard.

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: 628px; height: 524px; border:3px solid #000000; background-color: #FFFFFF;overflow: auto; background-image: url(http://img440.imageshack.us/img440/1929/rockaroundtheclockfh3.png); background-repeat: no-repeat;"><img style="BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px; FLOAT: left;" src="http://img440.imageshack.us/img440/7564/clockworkpv2.png"/> 
<a href=http://www.xanga.com/signin.aspx>tick</a>  <a href=http://www.xanga.com/Private/home.aspx>and</a>  <a href=http://edit.xanga.com/signout.aspx>tock</a>  <a href=http://www.xanga.com/Private/SubscribeTo.aspx?user=USERNAME>+add</a>  <a href=http://www.xanga.com/euroblender>euroblender</a>
<fieldset style="border: 2px solid #8F3060; padding: 3px; width: 280px; height:310px;"><legend align="left"><font color="#ffffff">TITLE HERE</font></legend><p align="MESSAGE POSITION"><font color="#ffffff">(TEXT HERE)<BR> We're gonna rock around the clock tonight,<BR>We're gonna rock, rock, rock,<BR> 'till broad daylight,<BR>We're gonna rock around the clock tonight.<BR>
When the clock strikes two, three and four,<BR>
If the band slows down we'll yell for more. </font></p></fieldset>

<div align=left><body style="overflow-y: hidden"> <div style="overflow:auto; align:left; height:180; width:310;"> <STYLE type="text/css">/* credit = euroblender */body { background-color:#8F3060; background-image: url(); background-position:center; background-repeat: repeat; background-attachment:fixed; scrollbar-arrow-color: #304050; 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 11px 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:#602060;}.blogbody u, .standard u,  {/* [edits underlined text] */ font: underlined 9px verdana; color:#8F3060; text-decoration: none; border-bottom: 1px solid #8F3060;}.blogbody i, .standard i, em {/* [edits itlaicized text] */ font: italic 9px verdana; color:#206020;}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: 400px; border: 2px 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: 2px solid #FFFFFF; border-top:0px solid #FFFFFF; width: 280px;  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: #18A718; font:normal 7px small fonts; text-decoration: none; text-transform: uppercase; padding: 0px; background-color:; }a:visited, a.footernav:visited,  {/* [edits visited links] */ color: #18A718; font:normal 7px small fonts; text-decoration: none; text-transform: uppercase; padding: 0px; background-color: #; }a:hover {/* [edits hover over links] */ color: #000000; 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: 250px; 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: 250px; 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>