Mermaid

Xanga Layouts / Basic

Designer's Comments

Look carefully for specific instructions

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

IMAGE CREDIT: matt of mediocre-matt

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: 653px; height: 490px; border:5px solid #000000; background-color: #;overflow: auto; filter: alpha style=0,opacity=100); background-image: url(http://img45.imageshack.us/img45/6739/mermaidcm9.png); background-repeat: no-repeat;"> <div align=right><a href=http://www.xanga.com/signin.aspx>sand</a>   <a href=http://www.xanga.com/private/home.aspx>shore</a>  <a href=http://edit.xanga.com/signout.aspx>sea</a>  <a href=http://www.xanga.com/euroblender>euroblender</a>   <body style="overflow-y: hidden"> <div style="overflow:auto; height:450; width:350;filter: alpha(style=0,opacity=60);"> <div align=left><STYLE type="text/css">/* credit = euroblender */body { background-color:#; background-image: url(http://cbimg9.com/layouts/08/06/28672aa.png); background-position:center; background-repeat: repeat; background-attachment:fixed; scrollbar-arrow-color: #ffffff; scrollbar-track-color: #000000; scrollbar-shadow-color: #102030; scrollbar-face-color: #102030; scrollbar-highlight-color: #102030; scrollbar-darkshadow-color: #102030; scrollbar-3dlight-color: #102030;  }.left, .blogbody, table.footer, .standard, td, p {/* [edits main text] */ font:normal 9px verdana; color: #C2C2C2; 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:#40BFBF;}.blogbody u, .standard u,  {/* [edits underlined text] */ font: underlined 9px verdana; color:#60A718; size: 9px; text-decoration: none; border-bottom: 1px dashed #60A718;}.blogbody i, .standard i, em {/* [edits itlaicized text] */ font: italic 9px verdana; color:#0080FF;}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: 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: 300px;  height: 50px; background-color: #102030; 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: #ffffff; font:normal 7px small fonts; text-decoration: none; text-transform: uppercase; padding: 0px; background-color:; }a:visited, a.footernav:visited,  {/* [edits visited links] */ color: #ffffff; 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: 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: 300px; }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 8 of 8 comments

this should be a myspace layy

By ChelsieChokeHold on Oct 27, 2008 7:16 am

where is the subscribe button?

By anotherkindofpink on Sep 19, 2008 3:01 am

This layout is compatible in Safari, Firefox and Opera. Opera has an extra scrollbar but it still looks great in other browsers.

By RomanticHarmonies on Jul 7, 2008 3:53 am

MYSPACE IT PLEASEEE!

By xlipglossedpinay on Jun 23, 2008 8:02 pm

oh this is very nice

By RainbowJumper777 on Jun 23, 2008 4:06 am

Oh, nice background.

By tokyo-rose on Jun 23, 2008 1:07 am

this looks nice, i like it.

By aaayotiffany on Jun 22, 2008 6:38 pm

very pretty and sleek design, maybe a different background color though, doesn't seem to match correctly

By imsleepn on Jun 22, 2008 8:06 am

Layout Details

Designer	euroblender
Submitted on	Jun 21, 2008
Page views	17,874
Favorites	60
Comments	8
Reviewer	Insurmountable
Approved on	Jun 22, 2008

Mermaid

Designer's Comments

Using This Layout

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Colors

Layout Tags

Layout Tools

Layout Affiliates