Debe estar asi tu index
Your index must be like this
<html>
<head>
<title>{$mybb->settings['bbname']}</title>
{$headerinclude}
<script type="text/javascript">
<!--
lang.no_new_posts = "{$lang->no_new_posts}";
lang.click_mark_read = "{$lang->click_mark_read}";
// -->
</script>
</head>
<body>
{$header}
<script type="text/javascript" src="jscripts/jquery-1.3.2.min.js"></script>
<script type="text/javascript">
$.noConflict();
</script>
<script type="text/javascript">
jQuery(document).ready(function($){
$('.tab').click(function(){
$('.at').removeClass('at');
$(this).addClass('at');
$('.content').slideUp();
var catshow = $(this).attr('rel');
$('#'+ catshow).slideDown();
});
});
</script>
<table border="0" width="100%" class="tborder" cellpadding="4" cellspacing="0" style="margin-bottom: 3px;">
<tr align="center">
<td class="tcat at tab" title="CAT 7" style="cursor: pointer;" rel="cat_1">CAT 1</td>
<td class="tcat tab" title="CAT 5 & 6" style="cursor: pointer;" rel="cat_5, #cat_6">CAT 5 & 6</td>
</tr>
</table>
{$forums}
{$boardstats}
<dl class="forum_legend smalltext">
<dt><img src="{$theme['imgdir']}/on.gif" alt="{$lang->new_posts}" title="{$lang->new_posts}" style="vertical-align: middle; padding-bottom: 4px;" /></dt>
<dd>{$lang->new_posts}</dd>
<dt><img src="{$theme['imgdir']}/off.gif" alt="{$lang->no_new_posts}" title="{$lang->no_new_posts}" style="vertical-align: middle; padding-bottom: 4px;" /></dt>
<dd>{$lang->no_new_posts}</dd>
<dt><img src="{$theme['imgdir']}/offlock.gif" alt="{$lang->forum_locked}" title="{$lang->forum_locked}" style="vertical-align: middle;" /></dt>
<dd>{$lang->forum_locked}</dd>
</dl>
<br style="clear: both" />
{$footer}
</body>
</html>
No forum id sino cat id cada cat, debe ir dentro de rel="" y si es mas de una, separar por comas y solo la primera va normal, las otras deben tener # antes.
Not forum id on your td only the cat of your created forums, cat must be inside of the rel="" and if you put most than one cat, the other cats must be separated by commas and before the name put a # to any cat added.
IMPORTANTE:
Debes poner las categorias y no los foros, los foros son tomados automáticamente de acuerdo a que categoría pertenecen.
IMPORTANT:
You must put category and not forums, forums are taken auto for the cat you put on tha forums.
.at {
background: #026CB1 url(images/thead_bg.gif) top left repeat-x;
color: #ffffff;
}
#cat_5{
display: none;
}
#cat_6{
display: none;
}
Ese el CSS porque usas tres categorías y la primera esta activa, las otras deben ocultarse con la instruccion display:none del CSS. Cuando seleccionas otra categoria se cambia el display y ya pueden mostrarse, pero aqui la primera esta como activa, esa no debe ponerse en tu CSS, las otras dos si, porque son las que no se mostraran.
Tha are CSS you have to add on yoru global CSS if the case like index code, because only take 3 categories but only one has active and other two not display, for that reason the cat 5 and 6 has on the global.css like display:none. When you clic on other then change values.
<div id="cat_{$forum['fid']}" class="content">
....AQUI VA TODO EL CONTENIDO DEL ARCHIVO
</div>
PARA FINALIZAR:
plantilla forumbit_depth1_cat entre la etiqueta div a todo el contenido.
FINALLY:
Template forumbit_depth1_cat must be with the div on all document like shows. At begining you must put
<div id="cat_{$forum['fid']}" class="content">
at at the end of template put
</div>
That has the trick, here you put an asssign the content to show inside the tabs. That content has taken automatically when you put a div xD.