You Give Me Joy :: Boa

Xanga Layouts / Basic

Designer's Comments

Look carefully for specific instructions

Alignment: middle
Width: full screen
Search bar: no
Don't forget to change "username" as your xanga username.

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

Layout Code

Copy and paste to Website Stats

Help

.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {
/* edits main text */
  font:normal 11px arial;
  line-height:12px;
  color:E0CED7;
  letter-spacing:0px;
  text-align:justify;
  }
table.navigation, table.footer {display: none;}

table.footer TD {
/* this makes the footer at the bottom centered */
/* leave it alone unless you know what to do*/
  text-align: center;
  }

div.blogheader, .caption {
/* edits the dates */
  font-family:arial;
  text-transform:lowercase;
  font-size:11px;
  line-height:10px;
  font-weight:normal;
  color:#E0CED7;
  letter-spacing:0px;
  background-color: #transparent;
  text-align: left;
  }

a:link, .footernav.link, a.footernav:link, a.footernav:active {
/* edits all links */
  color:#5D253F;
  font-family:arial;
  text-transform:lowercase;
  font-size:11px;
  line-height:10px;
  letter-spacing: 0px;
  font-weight: normal;
  }

a:visited, a.footernav:visited,  {
/* edits the links that the user has visited */
  font-family:arial;
  text-transform:lowercase;
  font-size:11px;
  line-height:10px;
  color:#5D253F;
  letter-spacing:0px;
  font-weight: normal;
  }

a:hover {
/* edits when user mouseovers the links */
  color:#E0CED7;
  letter-spacing: 0px;
  cursor: crosshair;
  font-family:arial;
  font-size:11px;
  line-height:10px;
  font-weight: normal;
  text-transform: lowercase;
  }

input, select, textarea, .textfield, .button {
/* this edits the buttons, dropdowns, etc. */
  border: 1px solid #transparent;
  font:normal 11px arial;
  background-color: #transparent;
  letter-spacing:0px;
  color: #5D253F;
  }

table.left {
/* this edits the menu module */
  border: 1px solid #transparent;
  width:160px;
  background-color: #transparent;
  }

table.blogbody {
/* this edits the other the place where the  blog is */
  border: 1px solid #transparent;
  background-color: #transparent;
  width: 245px;
  }

table.left th {
/* on your menu module, this edits the title part of it */
/* like BLOGRINGS, POSTING CALENDAR, etc */
  background-image: url(http://url.com/to/the/site/image.gif);
  background-color: #ffffff;
  font: normal 11px arial;
  text-transform: uppercase;
  color: #000000;
  border: none;
  }
table.left TD {
/* on your menu module, this edits the body part of it */
  background-image: url(http://url.com/to/the/site/image.gif);
  background-color: #ffffff;
  border: none;
  }
.#rblEprops{display:none;}
#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops, #rblEprops
/* width of the comment page I suggest miking it the same width as the 
blogbody*/
{width: 230px;
}
table.search TD, table.search, table.announcements {
/* border of search bar (if you have it) */
  background-color: #transparent;
  border: 1px solid #transparent;
  }
table.search TD, table.announcements TH {
/* this should be left alone */
/* unless you know what to do */
  border: 1px solid #cccccc;
  }
table.navigation, table.main, table.footer {
/* the width of your blog with modules */
  width: 50px;
  }
hr {
/* horizontal divider */
  border: 1px solid #5D253F;
  }
</style>
<style type="text/css">
b, strong {
/* edits bolded text in your entry */
color: #5D253F;
font-size: 8pt;
letter-spacing:0px;
font-family:arial;
font-weight: normal
}
</style>

input,textarea, option, select {

font-family: arial;  font-size:8pt;

color:#5D253F; background:#transparent;
body{font-family: arial;
font-size:8pt; letter-spacing: 0px; font-weight:none;
margin: 0px; color:#5D253F;}

input {background: transparent; font-family: arial; font color: #5D253F; 
font-size: 8pt; letter-spacing: 0px; font-weight:normal;}
submit {background: transparent; font-family: arial; font color: #5D253F; 
font-size: 8pt;}-->
</style>

// *** add the replacing Months or Days below
   var newWordsDates = new Array(
       "01",
       "02",
       "03",
       "04",
       "05",
       "06",
       "07",
       "08",
       "09",
       "10",
       "11",
       "12",
       "mondee_",
       "tuesdee_",
       "wednesdee_",
       "thursdee_",
       "fridai_",
       "saturdai_",
       "sundee_",
       "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",
       "04");

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>

<STYLE TYPE="text/css">p {align=justify}
BODY{cursor: url(http://www3.telus.net/wilsoncheung/cursor.ani);}
a {cursor: url(http://www3.telus.net/wilsoncheung/cursor.ani);}
</STYLE>

Layout Comments

No comments yet. Be the first one to comment!

Layout Details

Designer	angel-roh
Submitted on	Mar 31, 2000
Page views	3,260
Favorites	5
Comments	0

You Give Me Joy :: Boa

Designer's Comments

Using This Layout

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates