Category Bar

[Pain]

I would like to replace my category bar with the above image. Is it possible?

[Wormopolis]

are you diving the categories too?

[Pain]

Ummm don't really know what you mean, but I have four categories, and i want to replace all four of the bars with images.

[Wormopolis]

sorry. that should say dividing. i still have trouble typing sometimes. if you are dividing, then we can use a head/base category divider for it.

otherwise somethingnew is going to have to be written

[Pain]

if you mean putting spaces between each category, it would be better if there would be no spaces.

[Pain]

And different head images for each category.......

[Wormopolis]

I would use this:

support.proboards.com/index.cgi?board=codedatabase&action=display&n=1&thread=70666

set the catSpacing to 0 if you dont want them split.

[Pain]

The code isn't working.

[Wormopolis]

need the url of the site... I cant memorize em all..

[Wormopolis]

move the code to top of main footer. and you only have head and base images set up for staff category?

[Pain]

www.tbforever.proboards.com
I only need a header image for the categories and its still not working. I have only made an image for the general category. Once i've tested it and seen how it works ill make the others.

[Wormopolis]

change this line

if(table.cellPadding =='4' && table[i-1].className =='bordercolor' && table.rows[0].cells[0].firstChild.innerHTML.match(/Forum\sName/i)){


to this

if(table.cellPadding =='4' && table[i-1].className =='bordercolor' && table.rows[0].cells[0].firstChild && table.rows[0].cells[0].firstChild.innerHTML && table.rows[0].cells[0].firstChild.innerHTML.match(/Forum\sName/i)){

[Pain]

aaaaannnddd its still not working. heres the code as i'm using:

Main Header:

<style type="text/css">
<!--

.generalhead {
       background-image: url(http://i55.tinypic.com/2hyf5ls.png);
       height: 34px;
       width: 750px;
}

-->
</style>


Main Footer:

<script type='text/Javascript'>
<!--

/* Category Splitter w/Different head/base images - DregondRahl
Donot Repost this code or edit this copyright
http://support.proboards.com */


var iTableWidth = "100%";
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 && 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 name = table[i].rows[r].getElementsByTagName('a')[0].name
                             var divH = document.createElement('div');
                             var divB = document.createElement('div');
                                   divH.className = name+'head';
                                   divB.className = name+'base';

                             var tab = document.createElement('table');
                                   tab.width = iTableWidth;
                                   tab.className = 'bordercolor';
                                   tab.id = 'daSplit';
                                   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);


                             div.appendChild(divA.cloneNode(true));
                             div.appendChild(divH);
                             div.appendChild(tab);
                             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>

[Wormopolis]

its mad that you have side tables. your sidetables are matching part of the code where it searches, but then you have plaint text instead of a font tag.

recopy my edit above

[Pain]

omg its working. ;D thank you very much once again wormo