Kaleidoscope v. 3

Designer's Comments

Look carefully for specific instructions

Background: #403EE3
Trim: #403EE3
Alignment: Middle
Width: Full Screen
Search Bar: No

Music URL of "Before Today" - Everything But The Girl: http://a420.v8383d.c8383.g.vm.akamaistream.net/7/420/8383/3b858b51/mtvrdstr.download.akamai.com/8512/wmp/5/1196/8879_1_14_04.asf

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><style type="text/css">
/* Skin created by Xquizit_442 - http://xanga.com/xquizit_442 */
#rblEprops, #pnlEnabled table, #pnlEprops table { 
width: auto !important; 
}
table.header, table.main, table.footer, table.navigation{
/* edit width */
width:175;
}
table.blogbody, div.blogheader, .caption{
width:195;
}
td.maincenter{
margin-left:0px;
margin-bottom:0px;
margin-right:0px;
margin-top:0px;
}
body {
background:#FFF2F9 url(http://xquizit.cbstaff.com/kaleidescope/bg3.gif);
cursor: url(http://xquizit.cbstaff.com/cursors/cursor_white.cur);
scrollbar-Arrow-Color: #403EE3;
scrollbar-Track-Color: #FFF2F9; 
scrollbar-Shadow-Color: #403EE3;
scrollbar-Face-Color: #FFF2F9; 
scrollbar-Highlight-Color: #403EE3; 
scrollbar-darkshadow-color: #FFF2F9;
scrollbar-3dLight-Color: #FFF2F9;
font-family: small fonts;
font-size:7px;
text-transform: uppercase;
}
texttable.left, td.mainleft, table.left, table.navigation, table.footer, table.search {
display: none;
} 
.module, .left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, th, p, font, .content, .smalltext, .standard {
/* edits main text */
font:normal 7px small fonts;
text-transform: uppercase;
color: #5351EE;
text-align:justify;
line-height:9px;
}
a:link{
/* edit the links */
color: #346BC8;
text-decoration: none;
font:normal 7px small fonts;
text-transform: uppercase;
}
a:visited{
/* edit visited links */
color: #346BC8;
text-decoration: none;
text-transform: uppercase;
}
a:hover {
color:#5351EE;
text-transform: uppercase;
cursor: url(http://xquizit.cbstaff.com/cursors/cursor_neonblue.cur);
}
input, select, textarea, .textfield, .button{
/* this edits buttons, drop down menus etc. */
border: 1px solid #403EE3;
font:normal 7px small fonts;
background:#FFF2F9;
letter-spacing:0px;
color:#403EE3;
font-family: small fonts;
text-transform: uppercase;
}
div.blogheader, .caption {
/* edit the dates */
font-family:small fonts;
font-size:7px;
color:#DED2F7;
background-color:403EE3;
text-align: left;
font-weight:normal;
padding-left:0px;
padding-bottom:1px;
padding-right:0px;
text-transform: uppercase;
margin-bottom:2px;
}
b, strong{
color:#3D1ED9;
text-transform: uppercase;
font-weight:normal;
}
table.blogbody {
/* edits your blog or entry space */
border: 0px;
background-color:transparent;
padding-top:0px;
padding-bottom:0px;
padding-right:0px;
}
table.blogbody tr td {
width:0px; 
padding:0px;
}
div.smalltext {
padding-top:2px;
text-align:left;
text-transform: uppercase;
}
hr {
color: #5351EE;
}
div.navigation{
width:220;
height:10;
margin-left:300px;
margin-top:-266px;
text-align:right;
color:C6B8FF;
}
div.navigation a:link{
color:C6B8FF;
text-decoration:none;
font:normal 7px small fonts;
text-transform: uppercase;
}
div.navigation a:visited{
color:C6B8FF;
text-decoration:none;
font:normal 7px small fonts;
text-transform: uppercase;
}
div.navigation a:hover{
color:DED2F7;
text-decoration:none;
font:normal 7px small fonts;
text-transform: uppercase;
}
div.blogspace {
width:220;
height:199;
margin-left:300px;
margin-top:0px;
overflow:auto;
background-color:transparent;
scrollbar-Arrow-Color: #403EE3;
scrollbar-Track-Color: #9900FF; 
scrollbar-Shadow-Color: #9900FF;
scrollbar-Face-Color: #9900FF; 
scrollbar-Highlight-Color: #9900FF; 
scrollbar-darkshadow-color: #9900FF;
scrollbar-3dLight-Color: #9900FF;
FILTER: chroma(color=#9900FF) allowTransparency;
}
</style>
<br>
<center> <img src="http://xquizit.cbstaff.com/kaleidescope/layout3.jpg" alt="a .kaliedoscope of colors" border="0" usemap="#Map">

<div class="navigation">
<a href="http://xanga.com">Xanga</a>.<a href="http://xanga.com/private/home.aspx">Private</a>.<a href="http://www.xanga.com/Private/SubscribeTo.aspx?user=YOURXANGA">Add Me</a>.<a href="http://www.xanga.com/CLAF/default.asp">Design</a>.<a href="http://www.xanga.com/Private/subs.aspx">Friends</a>.<a href="http://www.xanga.com/profile.aspx?user=YOURXANGA">Profile</a>.<a href="http://www.xanga.com/logout.aspx">Bye</a></div>

Layout Code

Copy and paste to Website Stats

Help

<div align="center">Designed by <a href="http://xanga.com/xquizit_442" target="_blank">Xquizit</a></div>
</div>

var newWords = new Array(
      "design",
      "color",
      "illuminate"
);

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]);
                      if(navigator.userAgent.toLowerCase().indexOf('compatible')>0){collections[k][i].innerHTML=replacement;//please use supported code at http://help.xanga.com/codes.htm
}
                      break;                    
                  }
              }
          }
      }
  }
}
replaceWords();
</script>

Layout Comments

No comments yet. Be the first one to comment!

Layout Details

Designer	xquizit
Submitted on	Apr 24, 2005
Page views	5,547
Favorites	11
Comments	0

Kaleidoscope v. 3

Designer's Comments

Using This Layout

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates