Esta modificación ha sido escrita por nhtera888xxx y modificado por Joey_Phram.
Demostración en linea:
http://www.forumese.com/
En primer lugar, tienes que descargar el archivo adjunto a continuación, y luego descomprimirlo y cargarlo en la carpeta "/Jscript"
Ve a tu set de plantillas/caja del foro/forumbit_depth1_cat y encierra todo el contenido en el siguiente div:
<div id="cat_{$forum['fid']}" class="content">
....
</div>
Ve a tu set de plantillas/indice/index y encuentra
{$forum}
Agrega antes:
<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 tab" title="Category 1" style="cursor: pointer;" rel="cat_1">Category 1</td>
<td class="tcat at tab" title="Category 4 & 6" style="cursor: pointer;" rel="cat_5, #cat_7">Category 4 & 6</td>
</tr>
</table>
Nota: "cat_5" indica el ID de el foro, para agregar el ID de una categoría colocas #cat_ID.
Agregas el CSS:
.at {
background: #026CB1 url(images/thead_bg.gif) top left repeat-x;
color: #ffffff;
}
#cat_1 {
display: none;
}
#cat_5 {
display: none;
}
#cat_7 {
display: none;
}
Agregaras estos códigos segun el ID de la categoría que utilices.
Para sacar el ID de un foro o categoría
ve a foros y mensajes, clic derecho en la categoria o foro de la cual quieres conocer su ID y
copiar dirección de enlace.
EJ:
http://localhost/newsite/admin/index.php...ment&fid=7
ID: 7