Dear Diary

Xanga Layouts / Basic

Designer's Comments

Look carefully for specific instructions

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

IMAGE CREDIT: kt of saveourtrees

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: 672px; height: 519px; border:3px double #000000; backgroundcolor: #FFFFFF;overflow: auto; filter: alpha style=0,opacity=100); background-image: url(http://img520.imageshack.us/img520/4827/journallhv9.png); background-repeat: no-repeat;"> <div align=left>   <a href=http://www.xanga.com/signin.aspx>think</a>  <a href=http://www.xanga.com/private/home.aspx>scribble</a>  <a href=http://edit.xanga.com/signout.aspx>erase</a>  <a href=http://www.xanga.com/euroblender>euroblender</a><body style="overflow-y: hidden"> <div style="overflow:auto; height:480; width:300;filter: alpha(style=0,opacity=80);"> <div align=center><STYLE type="text/css">/* credit = euroblender */body { background-color:#409FFF; background-image: url(); background-position:center; background-repeat: repeat; background-attachment:fixed; scrollbar-arrow-color: #000000; scrollbar-track-color: #B8B8B8; scrollbar-shadow-color: #B8B8B8; scrollbar-face-color: #B8B8B8; scrollbar-highlight-color: #B8B8B8; scrollbar-darkshadow-color: #fffff; scrollbar-3dlight-color: #B8B8B8;  }.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:#409FFF;}.blogbody u, .standard u,  {/* [edits underlined text] */ font: underlined 9px verdana; color:#525252; size: 9px; text-decoration: none; border-bottom: 1px dotted #525252;}.blogbody i, .standard i, em {/* [edits itlaicized text] */ font: italic 9px verdana; color:#204060;}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: 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: 2px solid #000000; border-top:2px solid #000000; width: 250px;  height: 50px; background-color: #B8B8B8; 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: #0000000; font:normal 7px small fonts; text-decoration: none; text-transform: uppercase; padding: 0px; background-color:; }a:visited, a.footernav:visited,  {/* [edits visited links] */ color: #000000; font:normal 7px small fonts; text-decoration: none; text-transform: uppercase; padding: 0px; background-color: #; }a:hover {/* [edits hover over links] */ color: #AFBFCF; 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: 0px; 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: 150px; 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: 150px; }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><body dir="rtl"><DIV DIR="LTR">

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 6 of 6 comments

I like the idea of this, too, like some other responders said on here. But there is just something missing. Maybe a touch of color or different font, or if people could write their own stuff in there in different fonts. Or maybe they can already do that. Idk:-( It's cool, though.

By Butterface89 on Jun 29, 2010 4:07 pm

This is awesome!

By tokyo-rose on Jan 5, 2008 7:01 pm

a bit plain, but I like it :)

By IVIike on Jan 3, 2008 11:09 pm

um, i kinda love this.

it just has that....FEEL to it.

nice job.

By Mertosai on Jan 3, 2008 9:31 pm

lol

|
|
|
v

By manny-the-dino on Jan 3, 2008 8:20 pm

Cool layout. I like the idea. But is he supposed to have that dot on his nose?

By SharperMyspace on Jan 3, 2008 7:38 pm

Layout Details

Designer	euroblender
Submitted on	Jan 3, 2008
Page views	15,941
Favorites	15
Comments	6
Reviewer	IVIike
Approved on	Jan 3, 2008

Dear Diary

Designer's Comments

Using This Layout

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Colors

Layout Tags

Layout Tools

Layout Affiliates