Pues no se pudo hacer ya que tuve un error, pero ya aqui esta la info, se que quizá ya lo hayas podido resolver, pero aqui dejo el como se puede hacer y el error que tuve yo.
1.- Primero que nada es subir el archivo en cuestion que es el del jQuery, en este caso fue el 1.3.2.
Se sube al directorio jscripts de tu web, para no tener que tomarlo de otro lado.
2.- Editar la plantilla forumbit_depth1_cat y agrega la etiqueta div a todo el contenido.
<div id="cat_{$forum['fid']}" class="content">
....AQUI VA TODO EL CONTENIDO DEL ARCHIVO
</div>
Solo agregar el div al inicio y hasta el final del archivo...
3.- Ir a la plantilla index y buscar
{$forum}
Antes de esta variable añadir lo siguiente:
Código PHP:
<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="CATEGORIA 1" style="cursor: pointer;" rel="cat_1">CATEGORIA 1</td>
<td class="tcat tab" title="CATEGORIA 5 Y 6" style="cursor: pointer;" rel="cat_5, #cat_6">CATEGORIA 5 Y 6</td>
<td class="tcat tab" title="CATEGORIA 9, 15, 18 Y 35" style="cursor: pointer;" rel="cat_9, #cat_15, #cat_18, #cat_35">CATEGORIA 9, 15, 18 Y 35</td>
</tr></table>
Aqui es muy importante que sean las id de las categorías que tienes en tu foro y no de los foros. Es donde me equivoque por hacerlo lo mas rapido y el servidor tenia muchas caidas, pero en fin, aqui esta el detalle.
Por último vamos a estilos y en tu estilo vas a global.css
En modo avanzado agregas al final esto:
Código PHP:
.at {
background: #026CB1 url(images/thead_bg.gif) top left repeat-x;
color: #ffffff;
}
#cat_5{
display: none;
}
#cat_6{
display: none;
}
#cat_9{
display: none;
}
#cat_15{
display: none;
}
#cat_18{
display: none;
}
#cat_35{
display: none;
}
Serían los de los foros que quedarán sin vista al estar la tabla activa, que en mi caso fue la de la categoría 1, y con esto ocultamos todas las demas, para que funcione nuestro script.
Si queremos que se visualice alguna otra por defecto, sería colocar la id como clase:
tcat at tab
Y luego indicar las ids de esta para que sean ocultadas al visualizar nuestra opcion del menu de arriba.
Listo...
Ahora solo basta con darle un estilizado a nuestro css o al codigo de la tabla de acuerdo a lo que queramos y quedara bien.
Ojo: Yo solo lo hice porque en local pude trabajar bien y en su host tardaba mucho y estuve leyendo y todo el manual y omiti lo que acabo de exponerles aqui.
Asi que si alguien quiere probarlo veran que funciona.
Saludos...
