Catagories

[deadheart]

I have an idea! If you wanted to do actual catagories for each clan then there's this code i've found where it seperates catagories into tabs. Then each time you click on the tab it opens up that catagory. That way it shortens the page, and helps things look neater. I've used it for a few sites, so if you need the code I can give it to you if you want to do it. That way you can also add more rp spots.

;D

[Squid]

Is there an example of it? I wanna see what it looks like before we can decide whether or not it should be used

[deadheart]

yeah, there, is.....go onto warriorsabandoned.proboards.com. Its an old site of mine that died so now i use it for testing. It's underneath the Welcome table. You can click on the different things and it will take you to different areas on the site.

[Squid]

I dont exactly see what your talking about :\

[deadheart]

Okay, what you're going to want to do is look where the header is. It's where the weather and lunar calandar is. Look under that and it should list the other clans and info, and ooc and stuff is. Click on each one and it will take you to that catagory.

[Squid]

I'm sorry, it's not showing up on my computer

[deadheart]

well, if i gave u the code is there some site or something u cld put it on and see it?

[Squid]

Yeah I have a few old sites I could test it on, just go ahead and post the code and Ill try it on one of'em

[deadheart]

Place in main footer

<style type="text/css">
<!--
.tab { background-color: #AAAAAA; }
.tabhovver { background-color: #123456; }
.tabselect { background-color: #654321; }
-->
</style>
<table class="bordercolor" id="tabTable" width="100%" cellPadding="0" cellSpacing="1" border="0"><tbody><tr id="tabtr"></tr></tbody></table>
<script type="text/javascript">
<!--
/*
Tabulate Main Page
by Todge
Copyright © 2009
Please keep this header intact
*/

if(location.href.match(/\.com\/(index.cgi(\?)?)?(action=home)?$/))
{
//Edit below.....

var tabAmount = 3;

// Edit above.....

var tabCount = 0;

// Find catagories and create tabs..

function tabselect(clicky)
{
for(c=0; c<catCount; c++)
{
document.getElementById('cat'+c).className = 'tab';
}
clicky.className = 'tabselect';
clicky.onmouseout = function(){this.className = 'tabselect';}
var catName = document.getElementsByTagName('a');
for(l=0; l<catName.length; l++)
{
if(catName[l].name.match(/^cat(\d)+$/))
{
catName[l].parentNode.parentNode.style.display = 'none';
}}
catName = document.getElementsByName(clicky.id);
for(l=0; l<catName.length; l++)
{
catName[l].parentNode.parentNode.style.display = '';
}
return;
}

if(typeof(fContent) != 'undefined')
{
fCheck = 'News';
}
else
{
fCheck = 'Forum Name';
}
var tabBoard = new Array();
var td = document.getElementsByTagName('td');
var tabs = document.getElementById('tabtr');
catCount = 0;
for(t=0; t<td.length; t++)
{

// Add tabs..
if(td[t].className.match(/^(news)?titlebg$/) && td[t].innerHTML.match(fCheck))
{
var newTR = document.createElement('tr');
var newTD = document.createElement('td');
newTD.id = 'theTabs';
newTD.colSpan = '5';
newTD.style.padding = '0';
newTR.appendChild(newTD);
td[t].parentNode.parentNode.insertBefore(newTR,td[t].parentNode);
t++;
}

if(td[t].className == 'catbg' && td[t].colSpan == '5' && td[t].align != 'right')
{
td[t].id = 'cat'+catCount;
td[t].align = 'center';
td[t].colSpan = '1';
td[t].style.cursor = 'pointer';
td[t].className = 'tab';
td[t].getElementsByTagName('font')[0].removeAttribute('class');
td[t].getElementsByTagName('font')[0].removeAttribute('color');
td[t].onclick = function(){tabselect(this);}
td[t].onmouseover = function(){
var mOut = this.className;
this.className = 'tabhovver';
this.onmouseout = function(){this.className = mOut;}}
td[t].parentNode.style.display = 'none';
var boardTR = td[t].parentNode.nextSibling;
tabs.appendChild(td[t]);

tabCount++;

if(tabCount == tabAmount)
{
var newTabTr = document.createElement('TR');
tabs.parentNode.appendChild(newTabTr);
tabs = newTabTr;
tabCount = 0;
}

// Find and tag boards..
while(boardTR.firstChild.className == 'windowbg')
{
boardTR.firstChild.innerHTML += '<a name="cat'+catCount+'"></a>';
if(boardTR == boardTR.parentNode.lastChild)
{
break;
}
boardTR = boardTR.nextSibling;
}
catCount ++;
}}

// Set width of tags..
var setWidth = document.getElementById('tabTable').getElementsByTagName('td');
for(s=0; s<setWidth.length-1; s++)
{
setWidth[s].width = parseInt(100/setWidth.length)+'%';
}
document.getElementById('theTabs').appendChild(document.getElementById('tabTable'));
tabselect(document.getElementById('cat0'));
}
// -->
</script>


Where it says:

//Edit below.....

var tabAmount = 3;

// Edit above.....



Edit the red part.

Other than that change the colors to your choosing.