Gadget Tech

Xanga Layouts / Basic

Designer's Comments

Look carefully for specific instructions

Background: #FFFFFF
Trim: #222222
Alignment: MIDDLE
Width: FULL SCREEN
Show 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

<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 */
@font-face {
  font-family: "techy";
  font-size: 9pt;
  src: url("http://xquizit.cbstaff.com/fonts/techy.eot");
  }
#rblEprops, #pnlEnabled table, #pnlEprops table { 
width: auto !important; 
}
table.header, table.main, table.footer, table.navigation{
/* edit width */
width:220;
}
table.blogbody, div.blogheader, .caption{
width:220;
}
td.maincenter{
margin-left:0px;
margin-bottom:0px;
margin-right:0px;
margin-top:0px;
}
body {
background:#FFFFFF;
scrollbar-Arrow-Color: #222222;
scrollbar-Track-Color: #FFFFFF; 
scrollbar-Shadow-Color: #222222;
scrollbar-Face-Color: #718FA7; 
scrollbar-Highlight-Color: #222222; 
scrollbar-darkshadow-color: #FFFFFF;
scrollbar-3dLight-Color: #FFFFFF;
font-family: techy;
font-size:12px;
}
texttable.left, td.mainleft, table.left, table.navigation, table.footer, table.search {
display: none;
} 
.module, .left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p, .content, .smalltext, .standard {
/* edits main text */
font:normal 12px techy;
color: #222222;
}
a:link{
/* edit the links */
color: #E5E5E5;
text-decoration: none;
font:normal 12px techy;
}
a:visited{
/* edit visited links */
color: #E5E5E5;
text-decoration: none;
}
a:hover {
color:#222222;
}
.blogbody td{
/* entry margins */
width: 0px;
padding-left: 0px
}
input, select, textarea, .textfield, .button{
/* this edits buttons, drop down menus etc. */
border: 1px solid #222222;
font:normal 12px techy #222222;
background-color: #E5E5E5;
letter-spacing:0px;
color:#222222;
font-family: techy;
}
div.blogheader, .caption {
/* edit the dates */
font-family:techy;
text-transform:capitalize;
font-size:12px;
color:#E5E5E5;
background-color: transparent;
text-align: left;
font-weight:bold;
padding-left:4px;
padding-bottom:0px;
padding-right:0px;
}
table.blogbody {
/* edits your blog or entry space */
border: 0px;
background-color:transparent;
padding-top:0px;
padding-right:0px;
}
hr {
color: #222222;
}
div.blogspace {
width:247;
height:257;
margin-left:-1px;
margin-top:-345px;
overflow:auto;
background-color:#BEC9AF;
scrollbar-Arrow-Color: #222222;
scrollbar-Track-Color: #BEC9AF; 
scrollbar-Shadow-Color: #BEC9AF;
scrollbar-Face-Color: #BEC9AF; 
scrollbar-Highlight-Color: #BEC9AF; 
scrollbar-darkshadow-color: #BEC9AF;
scrollbar-3dLight-Color: #BEC9AF;
FILTER: chroma(color=#BEC9AF) allowTransparency
}
.marquee {
width:240;
height:14;
margin-left:-1px;
margin-top:-78px;
background-color:transparent;
font:normal 12px techy #303030;
color:#303030;
font-family: techy;
}
</style>
<img src="http://skins.cbstaff.com/xquizit/gadget/gadget.gif" border="0" usemap="#Map"> 
<map name="Map">
  <area shape="rect" coords="48,307,125,322" href="http://www.xanga.com/Private/SubscribeTo.aspx?user=YOURXANGA" alt="Suscribe to me">
  <area shape="rect" coords="129,307,206,322" href="http://www.xanga.com/profile.aspx?user=YOURXANGA" alt="View my Profile">
  <area shape="rect" coords="210,307,287,322" href="http://www.xanga.com/guestbook.aspx?user=YOURXANGA" alt="Sign/View my Guestbook">
  <area shape="rect" coords="129,326,206,341" href="http://www.xanga.com/CLAF/default.asp" alt="Customize Look & Feel">
  <area shape="rect" coords="48,326,125,341" href="http://xanga.com/private/home.aspx" alt="Your Xanga">
  <area shape="rect" coords="210,326,287,341" href="http://www.xanga.com/Private/subs.aspx" alt="Friends">
  <area shape="rect" coords="92,394,244,405" href="http://xanga.com/xquizit_442" target="_blank" alt="Visit the designer's site">
  <area shape="rect" coords="576,328,700,336" href="http://xanga.com/xquizit_442" target="_blank">
</map>
<div class="marquee"><marquee scrollamount="3">

Your custom message goes here. Your custom message goes here. Your custom message goes here. Your custom message goes here.

</marquee></div>
<div align="center" class="blogspace">

Your custom message goes here. Your custom message goes here. Your custom message goes here. Your custom message goes here.

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>
<script>
// Resize Comment Box by Paul Chen aka Coyote
width = 210;  //change this value
height = 100; //change this value
if(location.pathname=='/item.aspx'){
var booga = document.getElementById('htmleditor')
newBooga = '<ifr' + 'ame' + ' class=\"htmleditor\" width=\"' + width + '\" height=\"' + height + '\" ID=\"htmleditor\" scrolling=NO>';
booga.insertAdjacentHTML('afterEnd',newBooga);
booga.removeNode(true);
}
</SCRIPT>

var newWords = new Array(
      "prop",
      "message",
      ""
);

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>

Layout Comments

Showing latest 2 of 2 comments

that is pretty cool and sleek, similar to the ipod layouts.

By VVeizers on Jul 25, 2008 9:57 am

aaaah. very gadget-robot-ish. love it.

By emberfly on Mar 20, 2008 4:01 pm

Layout Details

Designer	xquizit
Submitted on	Apr 10, 2005
Page views	7,450
Favorites	18
Comments	2

Gadget Tech

Designer's Comments

Using This Layout

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates