Post by MonsterControl on Jan 19, 2012 20:50:57 GMT -4
<style type="text/css">
<!--
.head {
background-image: url(URL OF IMAGE);
height: 34px;
width: 725px;
}
.base {
background-image: url(URL OF IMAGE);
height: 34px;
width: 725px;
}
.tablebg {
background-image: url(URL OF IMAGE);
width: 725px;
}
-->
</style>
---------------
<script type='text/Javascript'>
<!--
/* SlipStream Category Splitter- DregondRahl
Donot Repost this code or edit this copyright
http://support.proboards.com */
var iTableWidth = "97%";
var catSpacing = "30px";
//Do not Edit Below
var table = document.getElementsByTagName('table');
var div = document.createElement('div');
var divA = document.createElement('div');
divA.style.height = catSpacing ;
if(location.href.match(/action=(change|home)/i) || !location.href.match(/action=/i)){
for(i=0; i<table.length; i++){
if(table[i].cellPadding =='4' && table[i-1].className =='bordercolor' && table[i].rows[0].cells[0].firstChild.innerHTML.match(/Forum\sName/i)){
for(r=1; r<table[i].rows.length; r++){
if(table[i].rows[r].getElementsByTagName('a')[0].name){
var divH = document.createElement('div');
var divB = document.createElement('div');
divH.className = 'head';
divB.className = 'base';
var tabA = document.createElement('table');
tabA.appendChild(document.createElement('tbody'));
tabA.cellPadding = '0';
tabA.cellSpacing = '0';
tabA.width = '100%';
tabA.id ='daSplit';
var tr = document.createElement('tr');
tr.appendChild(document.createElement('td'));
tr.firstChild.className = 'tablebg';
var tab = document.createElement('table');
tab.className = 'bordercolor';
tab.width = iTableWidth;
tab.cellPadding = '4';
tab.cellSpacing = '1';
tab.align ='center';
var cat = table[i].rows[r].cells[0].lastChild;
tab.appendChild(document.createElement('tbody'));
tab.firstChild.appendChild(table[i].rows[0].cloneNode(true));
var title = tab.rows[0].cells[0].firstChild.firstChild;
title.parentNode.replaceChild(cat,title);
tr.firstChild.appendChild(tab);
tabA.firstChild.appendChild(tr);
div.appendChild(divA.cloneNode(true));
div.appendChild(divH);
div.appendChild(tabA);
div.appendChild(divB);
} else if(table[i].rows[r].cells[4]){
tab.lastChild.appendChild(table[i].rows[r].cloneNode(true));
}
}
table[i-1].parentNode.replaceChild(div,table[i-1]);
break;
}
}
}
//-->
</script>