Gomugomu Layout v.3

Xanga Layouts / Basic

Designer's Comments

Look carefully for specific instructions

Background-color: ffffff
Trim-color: ffffff
Alignment: middle
Width: full screen
Search bar: no

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

<MAP NAME="gomulayout">
<AREA SHAPE="rect" COORDS="16,311,50,320" HREF="http://www.xanga.com">
<AREA SHAPE="rect" COORDS="58,311,97,320" HREF="http://www.xanga.com/private">
<AREA SHAPE="rect" COORDS="107,311,124,319" HREF="http://www.xanga.com/username">
<AREA SHAPE="rect" COORDS="133,312,193,321" HREF="http://www.xanga.com/claf">
<AREA SHAPE="rect" COORDS="206,312,233,320" HREF="http://www.xanga.com/private/subs.aspx">
<AREA SHAPE="rect" COORDS="243,312,280,320" HREF="http://www.xanga.com/Private/SubscribeTo.aspx?user=username">
<AREA SHAPE="rect" COORDS="290,312,325,320" HREF="aim:goim?screenname=SCREENNAME">
<AREA SHAPE="rect" COORDS="335,312,362,320" HREF="http://www.xanga.com/signin.aspx">
<AREA SHAPE="rect" COORDS="376,311,421,319" HREF="http://www.xanga.com/logout.aspx">
</MAP><div style="position: static;margin-top:-5">
<DIV style="BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; FILTER: alpha(opacity=100);background-color:6F8BB6; OVERFLOW: auto; BORDER-LEFT: #000000 1px solid; WIDTH: 444; BORDER-BOTTOM: #000000 1px solid; HEIGHT: 320px;">
<script language=JavaScript>
<!--//Disable right click script III- By Renigade (renigade@mediaone.net)
//For full source code, visit http://www.dynamicdrive.com

document.oncontextmenu=new Function("return false")
// --> 
</script>

#pnlEnabled table, #htmleditor, #lblTimeZone{
width: 340px;
}
.#rblEprops{display: none;}
#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops, #rblEprops 
{width: 340px;} 
.blogbody td{width: px; padding-left: 0px}
a:link, .footernav.link, a.footernav:link, a.footernav:active {
/* edits all links */
  color:#ffffff;
  font:normal 11px arial;line-height:10px;
  text-decoration: none;filter:default;background color:transparent;}
a:visited, a.footernav:visited,  {
/* edits the links that the user has visited */
  color:#ffffff; 
  font:normal 11px arial;
  line-height:10px;
  text-decoration: none;filter:default;background color:transparent;
  }
a:hover {
/* edits when user mouseovers the links */
  color:#ffffff;
  font:normal 11px arial;
  line-height:10px;
  cursor: crosshair;
  text-decoration: none;
  letter-spacing 1pt;
  filter:default;background color:transparent;{.alpha {
width: inherit; height: 1; Filter: Alpha(Opacity=100, FinishOpacity=0, Style=1, StartX=0, StartY=0, FinishX=580, FinishY=250);}
input, select, textarea, .textfield, .button {
/* this edits the buttons, dropdowns, etc. */
  border: 1px solid #c0c0c0;
  font:normal 11px arial;
  background-color:ffffff;
  letter-spacing:0px;
  color:#000000;
  }

div.blogheader, .caption {
/* edits the dates */
text-transform:lowercase;
line-height:13px;
font-weight:normal arial;
height: 1px;
background-color:transparent;
color:ffffff;
letter-spacing:2px;
text-align:right;
width:340;
border-right:0px solid #000000;
border-top:0px solid #000000;
border-left:0px solid #000000;
border-bottom:3px double #000000;
}
table.blogbody {
/* this edits the other the place where the  blog is */
border-right:0px solid #000000;
border-bottom:1px dashed #000000;
border-left:0px solid #000000;
border-top:0px solid #000000;
width:340px;align:justify;
</style>
<style>
 </STYLE>

Layout Code

Copy and paste to Website Stats

Help

// *** add the url's from the corresponding images below
  var realSmileys = new Array(
"http://www.createblog.com/forums/html/emoticons/mellow.gif",
"http://www.createblog.com/forums/html/emoticons/huh.gif",
"http://www.createblog.com/forums/html/emoticons/happy.gif",
"http://www.createblog.com/forums/html/emoticons/ohmy.gif",
"http://www.createblog.com/forums/html/emoticons/wink.gif",
"http://www.createblog.com/forums/html/emoticons/tongue.gif",
"http://www.createblog.com/forums/html/emoticons/biggrin.gif",
"http://www.createblog.com/forums/html/emoticons/laugh.gif",
"http://www.createblog.com/forums/html/emoticons/cool.gif",
"http://www.createblog.com/forums/html/emoticons/rolleyes.gif",
"http://www.createblog.com/forums/html/emoticons/dry.gif",
"http://www.createblog.com/forums/html/emoticons/smile.gif",
"http://www.createblog.com/forums/html/emoticons/wub.gif",
"http://www.createblog.com/forums/html/emoticons/mad.gif",
"http://www.createblog.com/forums/html/emoticons/sad.gif",
"http://www.createblog.com/forums/html/emoticons/unsure.gif",
"http://www.createblog.com/forums/html/emoticons/wacko.gif",
"http://www.createblog.com/forums/html/emoticons/blink.gif",
"http://www.createblog.com/forums/html/emoticons/ph34r.gif",
"http://www.createblog.com/forums/html/emoticons/stubborn.gif",
"http://www.createblog.com/forums/html/emoticons/blush.gif",
"http://www.createblog.com/forums/html/emoticons/alien.gif",
"http://www.createblog.com/forums/html/emoticons/boxing.gif",
"http://www.createblog.com/forums/html/emoticons/console.gif",
"http://www.createblog.com/forums/html/emoticons/cry.gif",
"http://www.createblog.com/forums/html/emoticons/devil.gif",
"http://www.createblog.com/forums/html/emoticons/dribble.gif",
"http://www.createblog.com/forums/html/emoticons/ermm.gif",
"http://www.createblog.com/forums/html/emoticons/fallen.gif",
"http://www.createblog.com/forums/html/emoticons/flowers.gif",
"http://www.createblog.com/forums/html/emoticons/group.gif",
"http://www.createblog.com/forums/html/emoticons/hammer.gif",
"http://www.createblog.com/forums/html/emoticons/hehe.gif",
"http://www.createblog.com/forums/html/emoticons/hug.gif",
"http://www.createblog.com/forums/html/emoticons/innocent.gif",
"http://www.createblog.com/forums/html/emoticons/kiss.gif",
"http://www.createblog.com/forums/html/emoticons/nuke.gif",
"http://www.createblog.com/forums/html/emoticons/pinch.gif",
"http://www.createblog.com/forums/html/emoticons/pooh.gif",
"http://www.createblog.com/forums/html/emoticons/shifty.gif",
"http://www.createblog.com/forums/html/emoticons/showoff.gif",
"http://www.createblog.com/forums/html/emoticons/sick.gif",
"http://www.createblog.com/forums/html/emoticons/sleeping.gif",
"http://www.createblog.com/forums/html/emoticons/throb.gif",
"http://www.createblog.com/forums/html/emoticons/thumbsup.gif",
"http://www.createblog.com/forums/html/emoticons/urgent.gif",
"http://www.createblog.com/forums/html/emoticons/w00t.gif",
"http://www.createblog.com/forums/html/emoticons/whistling.gif",
"http://www.createblog.com/forums/html/emoticons/worthy.gif",
"http://www.createblog.com/forums/html/emoticons/xmas.gif",
"http://www.createblog.com/forums/html/emoticons/yawn.gif");
  
  // *** number of smileys that will be displayed per row
  var maxNumberOfSmileysPerRow = 7;
  // *** button size in pixels
  var buttonSize = 34;
  // preloading images
  var preloadedImages = new Array(realSmileys.length);
  for (i = 0; i < preloadedImages.length; ++i)
  {
      preloadedImages[i] = new Image();
      preloadedImages[i].src = realSmileys[i];
  }
  
  var allTableData = document.getElementsByTagName('td');
  var indx;
  var smiley;
  var replacement;
  
  for (var i = 0; i < allTableData.length; ++i )
  {   
      for ( var n = 0; n < textSmileys.length; ++n )
      {
          if ((allTableData[i].innerHTML.toUpperCase().indexOf('TABLE') == -1) &&
              (allTableData[i].innerHTML.indexOf('previewHTML()') == -1))
          {
              indx = allTableData[i].innerHTML.indexOf(textSmileys[n]);
              if (indx != -1)
              { 
                  while (indx != -1)
                  {   
                      replacement = '';
                      indx = allTableData[i].innerHTML.indexOf(textSmileys[n]);
                      smiley = '<img src=\"' + realSmileys[n] + '">'
                      replacement = allTableData[i].innerHTML.replace(textSmileys[n],smiley);
                      allTableData[i].innerHTML = replacement;                  
                  }                   
              }
          }
      
      }
  }
  
  if (document.URL.indexOf('weblogs') != -1)
  {
      var smileyCollection = new Array(realSmileys.length);
      var smileyBar = '';
      
      if (document.getElementById('htmleditor'))
      {
          for (i = 0; i < smileyCollection.length; ++i)
          { 
              smileyCollection[i] = '<button type="button" value="" ' +
                  'style="width:' + buttonSize + 'px; height:' + 
                  buttonSize + 'px;" onclick="javascript:insertHTML(\'? + 
                  textSmileys[i] + '\'); return false;">' +
                  '<img src=\"' + realSmileys[i] + '" alt="' + textSmileys[i] +
                  '"></button>';
          }
      } 
      else
      {
         for (i = 0; i < smileyCollection.length; ++i)
          { 
              smileyCollection[i] = '<button type="button" value="" ' +
                  'style="width:' + buttonSize + 'px; height:' + 
                  buttonSize + 'px;" onclick="javascript:typeSmiley(\'? + 
                  textSmileys[i] + '\'); return false;">' +
                  '<img src=\"' + realSmileys[i] + '" alt="' + textSmileys[i] +
                  '"></button>';
          } 
      } 
      
  
      for (i = 0; i < smileyCollection.length; ++i)
      {  
         if (i != 0)
             if ( (i/maxNumberOfSmileysPerRow).toString().indexOf('.') == -1) 
                 smileyBar = smileyBar + '<BR>';
         smileyBar = smileyBar + smileyCollection[i];
      }
      
      // add SmileyBar
      infoLink = '<a href="www.xanga.com"' +
          'target=blank><font style="font-size: xx-small; font-weight: normal;">' +
          'Smiley Script</font><a/><br><br>';
      smileyBarHtml = '<br><b>USE EMOTICONS</b><br><font style="font-size: xx-small">' + 
          'USE THEM WITH COMMENT!! =D</font> ' + 
          infoLink + smileyBar + '<br><br>';
      if (navigator.userAgent.indexOf('Mac') == -1)
      {
          if (document.getElementById('htmleditor'))
              var obj1 = document.getElementById('htmleditor').parentNode;
          else
          {
             if (document.getElementsByTagName('textarea')[0].getAttribute('name') == 'bdescr')
                 var obj1 = document.getElementsByTagName('textarea')[0].parentNode;
             else
             {
                 var allTextAreas = document.getElementsByTagName('textarea');
                 for (i = 0; i < allTextAreas.length; ++i)
                 {
                     if (allTextAreas[i].getAttribute('name') == 'bdescr')
                     {
                         var obj1 = allTextAreas[i].parentNode;
                         break;
                     }
                 }
             }
          }
          var obj2 = document.createElement('span');
          obj2.setAttribute('ID','idSmileyBar');
          obj2.innerHTML = smileyBarHtml;
          obj1.insertBefore(obj2,obj1.firstChild);
      }
      else
      {
          // alternative solution for the Mac
          for (var i = 0; i < allTableData.length; ++i )
          {
              if ((allTableData[i].innerHTML.toUpperCase().indexOf('TABLE') == -1) &&
              (allTableData[i].innerHTML.indexOf('previewHTML()') == -1))
              {   
                  if (allTableData[i].innerHTML.toUpperCase().indexOf('(OPTIONAL)') != -1)
                  {
                      var temp = allTableData[i].innerHTML;
                      allTableData[i].innerHTML = temp + '<br>' + smileyBarHtml;
                      break; 
                  }
              }
          }
      }
  }
  
}
if (document.URL.indexOf('weblogs') != -1)
  replaceTextSmileys();
</script>

function replaceWordsDates()
{
    // ***add the Months or Days you wish to replace below
    var oldWordsDates = new Array(
        "January",
        "February",
        "March",
        "April",
        "May",
        "June",
        "July",
        "August",
        "September",
        "October",
        "November",
        "December",
        "Monday,",
        "Tuesday,",
        "Wednesday,",
        "Thursday,",
        "Friday,",
        "Saturday,",
        "Sunday,",
        "2002",
        "2003",
        "2004",
"2005",
        "01, ",
        "02, ",
        "03, ",
        "04, ",
        "05, ",
        "06, ",
        "07, ",
        "08, ",
        "09, ",
        "10, ",
        "11, ",
        "12, ",
        "13, ",
        "14, ",
        "15, ",
        "16, ",
        "17, ",
        "18, ",
        "19, ",
        "20, ",
        "21, ",
        "22, ",
        "23, ",
        "24, ",
        "25, ",
        "26, ",
        "27, ",
        "28, ",
        "29, ",
        "30, ",
        "31, "
	);

// *** add the replacing Months or Days below
    var newWordsDates = new Array(
        "_januari",
        "_februari",
        "_march",
        "_april",
        "_may",
        "_june",
        "_july",
        "_august",
        "_september",
        "_october",
        "_november",
        "_december",
        "+ mondai",
        "+ tuesdai",
        "+ wednesdai",
        "+ thursdai",
        "+ fridai",
        "+ saturdai",
        "+ sundai",
        "`o2",
        "`o3",
        "`o4",
"`o5",
        "o1",
        "o2",
        "o3",
        "o4",
        "o5",
        "o6",
        "o7",
        "o8",
        "o9",
        "1o",
        "i1",
        "i2",
        "i3",
        "i4",
        "i5",
        "i6",
        "i7",
        "i8",
        "i9",
        "2o",
        "2i",
        "22",
        "23",
        "24",
        "25",
        "26",
        "27",
        "28",
        "29",
        "3o",
        "3i"

);

allDivData = document.getElementsByTagName('div');
        
    var collections = new Array(allDivData);
    
    for (var k = 0; k < collections.length; ++k )
    {
        for (var i = 0; i < collections[k].length; ++i )
        {   
            if (collections[k][i].innerHTML.indexOf('DIV') == -1)
            {
                for ( var n = 0; n < oldWordsDates.length; ++n )
                {
                    var indx = collections[k][i].innerHTML.indexOf(oldWordsDates[n]) 
                    while (indx != -1)
                    {   
                        var replacement = '';
                        indx = collections[k][i].innerHTML.indexOf(oldWordsDates[n]);
                        replacement = collections[k][i].innerHTML.replace(oldWordsDates[n], newWordsDates[n]);
                        collections[k][i].innerHTML = replacement;
                        break;                    
                    }
                }
            }
        }
    }
}
replaceWordsDates();
</script>

Layout Comments

Showing latest 2 of 2 comments

ummm the blurry thing dont work :(

By HTCDragon on Dec 20, 2005 6:43 pm

hello........mad propzzzz....love that cute thing.....the layout that u did is wat my life is rite now at the moment.....and i love it.....i sit outside staring at the stars at nite too......so it is cool......keep up the great work!

By lit0vi3tgyrl on Jun 15, 2005 5:56 pm

Layout Details

Designer	bbyxstac3y
Submitted on	Apr 20, 2005
Page views	10,059
Favorites	27
Comments	2

Gomugomu Layout v.3

Designer's Comments

Using This Layout

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates