Zixpk Blue

Designer's Comments

Look carefully for specific instructions

To view the full working preview please go on:
http://zixpktest.blogspot.com/

To get all the required files (Photoshop files, header images, text files) needed for this blogger template please go on zixpk.com. Also on zixpk.com there is an instructional video on how to properly set up this blogger template.

Go on: http://www.zixpk.com/2008/08/zixpk-blue-blogger-template.html

**Also please keep the footer***

~This blogger template has been a creation by Kenneth L. at zixpk.com

Using This Layout

For specific instructions read designer's comments

1. Log into blogger.com
2. Click on Layout
3. Click on Edit HTML
4. Copy (ctrl c) and paste (ctrl v) code to Template

Layout Code

Copy and paste to Template

Help

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>  <head>
<meta content='xnJ1Qg5iXIa+tEVy20u/RPsRuxG3fHRlHEKM0ze4+Ho=' name='verify-v1'/>
    <b:include data='blog' name='all-head-content'/>
    <title><data:blog.pageTitle/></title>    <b:skin><![CDATA[
	
/* **************************
This template was originally created for Zixpk.com by
Kenneth L.

The original layout for this template was created by eblogtemplates.com

Per the Creative Commons Atribution License,
Please do not remove the footer credits.
***************************** */

#navbar-iframe {
height:0px;
visibility:hidden;
display:none;
}

* {
margin:0;
padding:0;
}

body {
	font: 12px Arial, Helvetica, Sans-Serif;
	background: #000000 url(http://cbimg6.com/layouts/08/08/30860aa.png) repeat;
	color: #ffffff;
  }
a:link {
	color: #43efff;
	text-decoration: none;
	outline:none;
  }
a:hover {
	text-decoration: underline;
	color: #ffffff;
}

a:visited {
	text-decoration:none;
	color:#43efff;
}

a img {
  border-width:0;
  }

#header-wrapper {
	width: 100%;
	padding: 0px;
	height:110px;
	position:relative;
	margin: 0 auto;
	background:url(http://cbimg6.com/layouts/08/08/30860ab.png) repeat-x;
}

#header-in {
	height:100%;
	margin:0px auto;
	padding:0px;
	position:relative;
	width:960px;
}  
  
#header h1 {
	margin: 0px;
	padding: 15px 10px 5px;
	width:  590px;
	float:  left;
	color: #e8e5cc;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 33px;
	font-weight: normal;
}

#header a {
	text-decoration: none;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 33px;
	font-weight: normal;
	color: #e8e5cc;
  }

#header a:hover {
	color: #FFF;
  }

#header .description {
	clear:  both;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
	margin: 0px;
	padding: 0px 10px 4px 15px;
	width:  850px;
	color: #d27318;
 }

.subscribe {
	background:url(http://cbimg6.com/layouts/08/08/30860ac.png) bottom left no-repeat;
	float:right;
	height:60px;
	position:absolute;
	right:0px;
	top:0px;
	width:383px;
}

.subscribeform {
	float:left;
	overflow:hidden;
	padding:5px 0pt 0pt 18px;
}
	
.subscribeform p { 
	margin:0;
	padding:0;
 	font:bold 14px Arial, Helvetica, sans-serif; 
	color:#fff; 
}
	
.subscribeform .input {
	 width:188px;
	 height:21px;
	 padding:12px 5px 0 5px;
	 border:none;
	 background:url(http://cbimg6.com/layouts/08/08/30860ad.png) no-repeat;
}

.sbutton {
	width:74px;
	padding:5px 0 5px 0;
	text-align:center;
	font:bold 11px Arial, Helvetica, sans-serif;
	cursor:pointer;
	border:none;
	background:url(http://cbimg6.com/layouts/08/08/30860ae.png) no-repeat;
}

.rss {
	float:left;
	padding: 8px 0 0 19px; 
	margin: 0px;
	height:46px;
	width:46px;
	background:url(http://cbimg6.com/layouts/08/08/30860af.gif) no-repeat 19px 8px;
}

#outer-wrapper {
	width:100%;
	text-align: left; 
	margin:0 auto;
}

#crosscol-wrapper {
	width: 880px;
	margin:0 0 12px 10px;
	height:28px;
}

#nav li {
	float:left;
	list-style-type:none;
	margin:4px -4px 0px 4px;
	padding:0px;
}

#nav ul li:hover, #nav ul li.hover, #nav ul li.current_page_item {
	background: url(http://cbimg6.com/layouts/08/08/30860ag.png) top left no-repeat; 
	color:#43efff;
	}
	
#nav ul li:hover a, #nav ul li.hover a, #nav ul li.current_page_item a {
	text-decoration: none;
	color: #43efff;	
	background: url(http://cbimg6.com/layouts/08/08/30860ag.png) top right no-repeat;
	}
	
#nav ul li.current_page_item a:hover {
	text-decoration: none;
	}
	
#nav ul li a {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	text-decoration: none;
	display: block;
	padding: 6px 20px 6px 0px;
	margin: 0px 0px 0px 15px;
	text-transform:uppercase;
    color: #43efff;
	background: url(http://cbimg6.com/layouts/08/08/30860ah.png) top right no-repeat;
	}
	
#nav ul li a:hover {
	text-decoration: none;
	color: #fff ;
	}

.container-top {
	clear:both;
	display:block;
	height:17px;
	margin:0px auto 0pt;
	width:960px;
	background:transparent url(http://cbimg6.com/layouts/08/08/30860ai.png) no-repeat scroll left top;
}	
	
#content {
	background:url(http://cbimg6.com/layouts/08/08/30860aj.png) repeat-y;
	background-position: 0 0;
	width:960px;
	margin:0 auto;
}

#content-wrapper {
	margin:0 auto;
	width:960px;
}

#main-wrapper {
	width: 532px;
	float: left;
	word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
	overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
	padding: 14px 15px 20px 32px;
  }

#sidebar-wrapper {
	width: 350px;
	float: left;
	word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
	overflow: hidden;      /* fix for long non-text content breaking IE sidebar float */
	margin: 0 0 0 17px;
}

.copyright {
	float:left;
	text-align:left;
	padding:2px 0px 20px 5px;
}

#xsnazzy {
	margin:0 0 10px 0;
	background: transparent;
}

.xtop, .xbottom {display:block; font-size:1px; background:transparent;}
.xb2, .xb3, .xb4 {display:block; overflow:hidden; background:#000000; border-left:1px solid #bdbcb6; border-right:1px solid #ffffff;}
.xb1, .xb2, .xb3 {height:1px;}
.xb1 {background:#ffffff; display:block; overflow:hidden; margin:0 5px;}
.xb2 {border-width:0 2px; margin:0 3px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}
.xboxcontent {display:block; padding:5px;background:#000000; border:0 solid #ffffff; border-width:0 1px;}

/*  Tabber  Style start -------------------- */
 
.tabberlive .tabbertabhide {
 display:none;
}
.tabber {	
}
.tabberlive {
 margin:0 5px;
}
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 font: bold 12px Arial, Helvetica, sans-serif;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}
ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
 text-decoration: none;
}
/*---- tabbertab = the tab content---------------------*/
.tabberlive .tabbertab {
 padding:5px;
}

ul.tabbernav li a {
background:#000000 none repeat scroll 0%;
border-bottom:medium none;
}
ul.tabbernav li a:link {
color:#ffffff;
}
ul.tabbernav li a:hover {
background:#333333 none repeat scroll 0%;
color:#ffffff;
}
ul.tabbernav li.tabberactive a {
background-color:#000000;
border-bottom:1px solid #000000;
color:#ffffff;
}
ul.tabbernav li.tabberactive a:hover {
background:#333333 none repeat scroll 0%;
border-bottom:0px solid white;
color:#ffffff;
}
.tabberlive .tabbertab {
background:#000000 none repeat scroll 0% 50%;
border-top:0pt none;
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

ul.tablist {
	color:#000000;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:5px 0px;
	padding:0pt;
}

ul.tablist li {
	border-bottom:1px dotted #000000;
	font-size:11px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0pt 5px;
	padding:2px 0pt 0pt 15px;
	text-align:left;
}

ul.tablist li {
	background:transparent url(http://cbimg6.com/layouts/08/08/30860ak.gif) no-repeat scroll 3px 8px;
	border-bottom:1px dotted #ffffff;
	color:#ffffff;
}
ul.tablist li a {
	color:#ffffff;
}
ul.tablist li a:hover {
	color:#43efff;
}

/*tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}

.advertise {
	text-align: left;
	padding:0;
	margin-left:7px;
}
.advertise img {
	padding:0 5px;
	border:none;
}
 
.searchform {
	padding: 10px;
}
.searchform .s {
	font-family: Arial, Helvetica, Sans-Serif;
	padding: 5px;
	margin-right:5px;
	width: 213px;
	float: left;
	background: #fff;
	color: #333;
	border:1px solid #443b34;
}
.searchform .button {   
    }

.post h3 {
	font-size: 22px;
	font-weight: normal;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #570e00;
}

.post h3 a, .post h3 a:visited, .post h3 strong {
	text-decoration: none;
	color: #43efff;
}

.post h3 strong, .post h3 a:hover {
	color: #ffffff;
}

.post-header-line-1 {
	margin-bottom:15px;
	padding: 0px 0px 15px;
	color: #ffffff;
	background: url() no-repeat left 7px;
}

.post p {
	margin: 0px;
	line-height: 18px;
	padding: 0px 0px 10px 0px;
}

.post-footer {
	border-top: 1px solid #ffffff;
	margin: 15px 0 25px 0;
}

.post-footer-line-2 {
	border-bottom: 1px solid #ffffff;
	height:20px;
}

.post-labels {
	padding: 5px 10px 5px 27px;
	color: #b5b5b5;
	background: url(http://cbimg6.com/layouts/08/08/30860al.png) 10px no-repeat;
}

.post-footer a{
	color: #b5b5b5;
	text-decoration: none;
}
.post-footer a:hover {
	text-decoration: underline;
}

.comment-link {
	float:right;
	width: 58px;
	height:39px;
	font-size:22px;
	line-height:27px;
	text-align: center;
	background:url(http://cbimg6.com/layouts/08/08/30860am.png) no-repeat;
}
  
.post-comment-link a:hover {
	text-decoration: none;
	color: #000000;
}

.post p img {
	border: none;
	padding: 0px 5px 15px 0px;
  }

.post blockquote{
	margin: 0px 0px 0px 5px;
	padding: 8px 25px 5px 40px;
	font-size: 15px;
	font-style: italic;
	font-family: Georgia, Times New Roman, Serif;
	background: url(http://cbimg6.com/layouts/08/08/30860an.gif) no-repeat;
	color: #666666;
}
	
.post blockquote p{
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

.post ol {
	list-style-type: decimal;
	line-height: 18px;
	margin: 0px;
	padding: 0px 0px 10px 35px;
}

.post ul {
	list-style: none;
	margin: 0px;
	padding: 0px 0px 10px 0px;
	}
	
.post li {
	margin: 0px;
	padding: 0px;
}
	
.post ul li {
	list-style: disc outside;
	margin: 0px 30px 0px 30px;
	padding: 5px 0px 0px 0;
}

#comments h4 {
	margin:10px 0 0 0;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 20px;
}

#comments-block {
	margin:1em 0 1.5em;
	line-height:1.6em;
}

#comments-block .comment-author {
  margin:.5em 0;
  border-bottom:1px solid #ccc;
  overflow: hidden;
  background: #000000;
  color: #ffffff;
}

#comments-block .comment-body {
  margin:0;
  padding:5px 10px 20px 30px;
  background:url(http://cbimg6.com/layouts/08/08/30860ao.png) no-repeat left top;
  background-position:0 0px;
}

#comments-block .comment-footer {
  margin:-.25em 0 2em;
  background: #000000;
  color: #ffffff;
}
  
#comments-block .comment-body p {
  margin:0 0 .75em;
}
  
.deleted-comment {
  font-style:italic;
  color:gray;
}

#blog-pager-newer-link {
  float: left;
 }
 
#blog-pager-older-link {
  float: right;
 }

#blog-pager { 
  text-align: center;
 }

.feed-links {
  clear: both;
  line-height: 2.5em;
}

.sidebar { 
 }

.lsidebar {
	float:left;
	display: block;
	width: 160px;
	font-size: 11px;
	margin: 0px; padding: 0px 0px 0px 10px;
}

.lsidebar ul {
	border-top: 1px solid #ffffff;
	list-style:none;
}
.lsidebar ul, .lsidebar ul li {
	margin: 0px 0 15px 0; 
	padding: 0px;
}
.lsidebar ul li {
	border-bottom: 1px dotted #ffffff;
	margin: 0px;
	padding: 0px 0px 0px 10px;
	background: url(http://cbimg6.com/layouts/08/08/30860ak.gif) 5px 9px no-repeat;
}

.lsidebar ul li a, .lsidebar ul li a:visited  {
	display: block;
	padding: 5px 3px;
	margin: 0px;
	text-decoration: none;
	color: #ffffff;
}

.lsidebar ul li a:hover {
	text-decoration: underline;
	color:#43efff;
}

.rsidebar {
	float: right;
	display: block;
	width: 160px;
	font-size: 11px;
	margin: 0px; 
	padding: 0px 10px 0px 0px;
}

.rsidebar ul {
	border-top: 1px solid #ffffff;
	list-style:none;
}
.rsidebar ul, .rsidebar ul li {
	margin: 0px 0 15px 0; 
	padding: 0px;
}
.rsidebar ul li {
	border-bottom: 1px dotted #ffffff;
	margin: 0px;
	padding: 0px 0px 0px 10px;
	background: url(http://cbimg6.com/layouts/08/08/30860ak.gif) 5px 9px no-repeat;
}

.rsidebar ul li a, .rsidebar ul li a:visited  {
	display: block;
	padding: 5px 3px;
	margin: 0px;
	text-decoration: none;
	color: #ffffff;
}

.rsidebar ul li a:hover {
	text-decoration: underline;
	color:#43efff;
}

#sidebar-wrapper h2 {
	font-size: 16px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	padding: 5px 0px;
	line-height: 150%;
	margin: 0px;
}

.sidebar h2 {
	color:#ffffff;
}

.lsidebar h2, .rsidebar h2 {
	color:#43efff;
}

#pxsnazzy {margin:0 0 10px 0; background: transparent;}
.pxtop, .pxbottom {display:block; font-size:1px; background:transparent;}
.pxb2, .pxb3, .pxb4 {display:block; overflow:hidden; background:#d8d7cc; border-left:1px solid #bdbcb6; border-right:1px solid #bdbcb6;}
.pxb1, .pxb2, .pxb3 {height:1px;}
.pxb1 {display:block; overflow:hidden; margin:0 5px;background:#bdbcb6;}
.pxb2 {margin:0 3px; border-width:0 2px;}
.pxb3 {margin:0 2px;}
.pxb4 {height:2px; margin:0 1px;}
.pxboxcontent {display:block; padding:2px; background:#d8d7cc; border:0 solid #bdbcb6; border-width:0 1px;}

#popular ul {
	margin: 0px; padding: 0px 10px 15px 10px;
}
#popular ul li {
	margin: 0px; padding: 0px;
}

#popular ul li ul {
	padding:  0px;
	border-top: 1px solid #9c9c9c;
}

#popular ul li ul li {
	margin: 0px; padding: 5px 15px;
	border-bottom: 1px dotted #333;
	background: url(http://cbimg6.com/layouts/08/08/30860ap.gif) 5px 9px no-repeat;
}

#popular ul li ul li a, #popular ul li ul li a:visited {
	padding: 0;
	margin: 0px;
	text-decoration: none;
	color: #333;
}

#popular ul li ul li a:hover {
	text-decoration: none;
	color:#b30000;
}

.sidebar ul {
  list-style:none;
  margin:0;
  padding:0;
}

.sidebar li {
  margin:0;
  padding:0 0 10px 15px;
}

.sidebar .widget { 
  margin:0 0 5px;
  padding:0 0 5px;
}

.main .widget { 
  margin:0 0 1.5em;
  padding:0 0 1.5em;
}

.main .Blog { 
  border-bottom-width: 0;
}

.profile-img { 
  float: left;
  margin: 0 5px 5px 0;
  padding: 4px;
  border: 1px solid #000;
}

.profile-data {
  margin:0;
  text-transform:uppercase;
  letter-spacing:.1em;
  font: arial;
  color: #000;
  font-weight: bold;
  line-height: 1.6em;
}

.profile-datablock { 
  margin:.5em 0 .5em;
}

.profile-textblock { 
  margin: 0.5em 0;
  line-height: 1.6em;
}

.profile-link { 
  font: #000;
  text-transform: uppercase;
  letter-spacing: .1em;
}

#footer {
  width:960px;
  clear:both;
  margin:0 auto;
  text-align: center;
}

ul#nav-footer {
	float:right;
	font-size:11px;
	font-weight:bold;
	margin:0pt;
	padding:0pt;
	text-align:right;
	text-transform:uppercase;
}

ul#nav-footer li {
	float:left;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding:5px 8px 5px 12px;
}

ul#nav-footer li a:link {
	color: #ffffff;
	text-decoration: none;
	outline:none;
  }
  
ul#nav-footer li a:hover {
	text-decoration: none;
	color: #43efff;
}

ul#nav-footer li a:visited {
	text-decoration:none;
	color:#ffffff;
}

#container-bottom {
	width:960px;
	clear:both;
	text-align: left;
	background: url(http://cbimg6.com/layouts/08/08/30860aq.png) top no-repeat;
	margin:0 auto;
	padding:25px 0 25px 0;
	font-size:11px;
	color: #ffffff;
}

#container-bottom a{
	color: #43efff;
}

#container-bottom a:hover{
	color: #ffffff;
	text-decoration: none;
}

body#layout #header { 
	margin-left: 0px;
	margin-right: 0px;
}

/** Page structure tweaks for layout editor wireframe */
body#layout #sidebar, body#layout #main,
body#layout #main-wrapper,
body#layout #outer-wrapper,
body#layout #sidebar-wrapper {
padding: 0;
}

body#layout #outer-wrapper {
width: 740px;
margin-left: auto;
margin-right: auto;
}

body#layout #header-in {
margin-left: 0px;
margin-right: 0px;
width: 740px;
}

body#layout #main-wrapper {
margin-left: 0px;
margin-right: 0px;
width: 500px;
padding: 0 0 0 0;
}

body#layout #sidebar-wrapper {
margin-left: 0px;
margin-right: 0px;
width: 240px;
padding: 0 0 0 0px;
}

body#layout #container-bottom {
width:740px;
margin:0 auto;
padding-top:15px;

body#layout .container-top {
width:740px;
margin:0 auto;
padding-top:15px;

}

]]></b:skin>

{
  var arg;
  this.div = null;
  this.classMain = "tabber";
  this.classMainLive = "tabberlive";
  this.classTab = "tabbertab";
  this.classTabDefault = "tabbertabdefault";
  this.classNav = "tabbernav";
  this.classTabHide = "tabbertabhide";
  this.classNavActive = "tabberactive";
  this.titleElements = ['h2','h3','h4','h5','h6'];
  this.titleElementsStripHTML = true;
  this.removeTitle = true;
  this.addLinkId = false;
  this.linkIdFormat = '<tabberid>nav<tabnumberone>';
  
  for (arg in argsObj) { this[arg] = argsObj[arg]; }

this.REclassMain = new RegExp('b' + this.classMain + 'b', 'gi');
  this.REclassMainLive = new RegExp('b' + this.classMainLive + 'b', 'gi');
  this.REclassTab = new RegExp('b' + this.classTab + 'b', 'gi');
  this.REclassTabDefault = new RegExp('b' + this.classTabDefault + 'b', 'gi');
  this.REclassTabHide = new RegExp('b' + this.classTabHide + 'b', 'gi');
  this.tabs = new Array();

if (this.div) {

this.init(this.div);
    this.div = null;
  }
}

tabberObj.prototype.init = function(e)
{
  var
  childNodes, /* child nodes of the tabber div */
  i, i2, /* loop indices */
  t, /* object to store info about a single tab */
  defaultTab=0, /* which tab to select by default */
  DOM_ul, /* tabbernav list */
  DOM_li, /* tabbernav list item */
  DOM_a, /* tabbernav link */
  aId, /* A unique id for DOM_a */
  headingElement; /* searching for text to use in the tab */

if (!document.getElementsByTagName) { return false; }

if (e.id) {
    this.id = e.id;
  }

this.tabs.length = 0;

childNodes = e.childNodes;
  for(i=0; i < childNodes.length; i++) {

if(childNodes[i].className &&
       childNodes[i].className.match(this.REclassTab)) {

t = new Object();
      t.div = childNodes[i];
      
      this.tabs[this.tabs.length] = t;

if (childNodes[i].className.match(this.REclassTabDefault)) {
	defaultTab = this.tabs.length-1;
      }
    }
  }

DOM_ul = document.createElement("ul");
  DOM_ul.className = this.classNav;
  
  for (i=0; i < this.tabs.length; i++) {

t = this.tabs[i];
    t.headingText = t.div.title;

if (this.removeTitle) { t.div.title = ''; }
    if (!t.headingText) {

for (i2=0; i2<this.titleElements.length; i2++) {
	headingElement = t.div.getElementsByTagName(this.titleElements[i2])[0];
	if (headingElement) {
	  t.headingText = headingElement.innerHTML;
	  if (this.titleElementsStripHTML) {
	    t.headingText.replace(/<br>/gi," ");
	    t.headingText = t.headingText.replace(/<[^>]+>/g,"");
	  }
	  break;
	}
      }
    }

if (!t.headingText) {

t.headingText = i + 1;
    }

DOM_li = document.createElement("li");
    t.li = DOM_li;
    DOM_a = document.createElement("a");
    DOM_a.appendChild(document.createTextNode(t.headingText));
    DOM_a.href = "javascript:void(null);";
    DOM_a.title = t.headingText;
    DOM_a.onclick = this.navClick;
    DOM_a.tabber = this;
    DOM_a.tabberIndex = i;

if (this.addLinkId && this.linkIdFormat) {

aId = this.linkIdFormat;
      aId = aId.replace(/<tabberid>/gi, this.id);
      aId = aId.replace(/<tabnumberzero>/gi, i);
      aId = aId.replace(/<tabnumberone>/gi, i+1);
      aId = aId.replace(/<tabtitle>/gi, t.headingText.replace(/[^a-zA-Z0-9-]/gi, ''));

DOM_a.id = aId;
    }

DOM_li.appendChild(DOM_a);
    DOM_ul.appendChild(DOM_li);
  }

e.insertBefore(DOM_ul, e.firstChild);
  e.className = e.className.replace(this.REclassMain, this.classMainLive);
  this.tabShow(defaultTab);

if (typeof this.onLoad == 'function') {
    this.onLoad({tabber:this});
  }

return this;
};

tabberObj.prototype.navClick = function(event)
{

var
  rVal, /* Return value from the user onclick function */
  a, /* element that triggered the onclick event */
  self, /* the tabber object */
  tabberIndex, /* index of the tab that triggered the event */
  onClickArgs; /* args to send the onclick function */

a = this;
  if (!a.tabber) { return false; }

self = a.tabber;
  tabberIndex = a.tabberIndex;

a.blur();

if (typeof self.onClick == 'function') {

onClickArgs = {'tabber':self, 'index':tabberIndex, 'event':event};

if (!event) { onClickArgs.event = window.event; }

rVal = self.onClick(onClickArgs);
    if (rVal === false) { return false; }
  }

self.tabShow(tabberIndex);
  return false;
};

tabberObj.prototype.tabHideAll = function()
{
  var i; /* counter */

for (i = 0; i < this.tabs.length; i++) {
    this.tabHide(i);
  }
};

tabberObj.prototype.tabHide = function(tabberIndex)
{
  var div;

if (!this.tabs[tabberIndex]) { return false; }

div = this.tabs[tabberIndex].div;

if (!div.className.match(this.REclassTabHide)) {
    div.className += ' ' + this.classTabHide;
  }
  this.navClearActive(tabberIndex);

return this;
};

tabberObj.prototype.tabShow = function(tabberIndex)
{
  var div;

if (!this.tabs[tabberIndex]) { return false; }

this.tabHideAll();
  div = this.tabs[tabberIndex].div;
  div.className = div.className.replace(this.REclassTabHide, '');
  this.navSetActive(tabberIndex);

if (typeof this.onTabDisplay == 'function') {
    this.onTabDisplay({'tabber':this, 'index':tabberIndex});
  }

return this;
};

tabberObj.prototype.navSetActive = function(tabberIndex)
{
  this.tabs[tabberIndex].li.className = this.classNavActive;

return this;
};

tabberObj.prototype.navClearActive = function(tabberIndex)
{
  this.tabs[tabberIndex].li.className = '';

return this;
};

function tabberAutomatic(tabberArgs)
{
  var
    tempObj, /* Temporary tabber object */
    divs, /* Array of all divs on the page */
    i; /* Loop index */

if (!tabberArgs) { tabberArgs = {}; }

tempObj = new tabberObj(tabberArgs);
  divs = document.getElementsByTagName("div");
  for (i=0; i < divs.length; i++) {
    
    if (divs[i].className &&
	divs[i].className.match(tempObj.REclassMain)) {
      
      tabberArgs.div = divs[i];
      divs[i].tabber = new tabberObj(tabberArgs);
    }
  }
  
  return this;
}

function tabberAutomaticOnLoad(tabberArgs)
{
  var oldOnLoad;

if (!tabberArgs) { tabberArgs = {}; }

oldOnLoad = window.onload;
  if (typeof window.onload != 'function') {
    window.onload = function() {
      tabberAutomatic(tabberArgs);
    };
  } else {
    window.onload = function() {
      oldOnLoad();
      tabberAutomatic(tabberArgs);
    };
  }
}

if (typeof tabberOptions == 'undefined') {

tabberAutomaticOnLoad();

} else {

if (!tabberOptions['manualStartup']) {
    tabberAutomaticOnLoad(tabberOptions);
  }

}
// ]]>
</script>

<span id='skiplinks' style='display:none;'>
      <a href='#main'>skip to main </a> |
      <a href='#sidebar'>skip to sidebar</a>
    </span>

</div>
</div>

<b:section id='tsidebar' preferred='yes' showaddelement='no'>
<b:widget id='Label1' locked='true' title='Categories' type='Label'/>
</b:section>

</div>
<b class='xbottom'><b class='xb4'/><b class='xb3'/><b class='xb2'/><b class='xb1'/></b>
</div>

<b:section class='sidebar' id='sidebar' preferred='yes' showaddelement='no'>
<b:widget id='HTML1' locked='false' title='Ads: 300x250' type='HTML'/>
</b:section>

<b:section class='lsidebar' id='lsidebar' preferred='yes' showaddelement='yes'>
<b:widget id='Feed1' locked='false' title='Recent Posts' type='Feed'/>
<b:widget id='HTML2' locked='false' title='Ads: 160x600' type='HTML'/>
</b:section>

<b:section class='rsidebar' id='rsidebar' preferred='yes' showaddelement='yes'>
<b:widget id='BlogArchive1' locked='false' title='Archives' type='BlogArchive'/>
<b:widget id='HTML4' locked='false' title='' type='HTML'/>
</b:section>

</div>

</div>

<p class='copyright'> The original layout for this template was ported to blogger by <a href='http://www.eblogtemplates.com/wp-premium-blogger/'>eblog templates</a> and the theme has been modified by <a href='http://www.zixpk.com/'>Zixpk.com</a></p>

<b:section class='footer1' id='footer1' showaddelement='no'>
<b:widget id='LinkList1' locked='true' title='Footer Tabs' type='LinkList'/>
</b:section>

</div>
  </div></div> 
</body>
</html>

Layout Comments

Showing latest 5 of 5 comments

Adjust Padding For text alignment, No more wacky word for word if corrected.

By b7ack7a837 on Mar 16, 2009 12:31 am

why i cant use this layout? help please! >.

By MusRules on Feb 13, 2009 8:28 am

I like the blue ^_^

By Decode on Aug 26, 2008 8:15 pm

Very nice. You may want to add that link in your Designer's Comments as well.

By schizo on Aug 25, 2008 7:25 pm

I just wanted to say that to view the real preview of this template please go on http://zixpktest.blogspot.com/

By Zixpk on Aug 25, 2008 5:58 pm

Layout Details

Designer	Zixpk
Submitted on	Aug 24, 2008
Page views	38,460
Favorites	37
Comments	5
Reviewer	schizo
Approved on	Aug 25, 2008

Zixpk Blue

Designer's Comments

Using This Layout

Layout Code

Layout Comments

Layout Details

Layout Colors

Layout Tags

Layout Tools

Layout Affiliates