¡Hola!
Antes que nada, quiero informar que esta guía no ha sido escrita originalmente por mí, la guía original la puedes encontrar aquí: http://community.mybb.com/thread-62039.html
Yo solo la traduje al español
Hay varios plugins para MyBB 1.6 para poder distribuir las categorías en pestañas, pero para MyBB 1.8 no hay alguno funcional en este momento.
En esa búsqueda, encontré el tema que cite anteriormente, lo probé y funciona de maravilla.
Sin más, comenzamos:
1.- Descarga https://mega.co.nz/#!Vt5gnSTB!7Mbpo8u6rb...W4OJaMskEI , extraelo y el archivo resultante subelo a jscripts en tu directorio de MyBB.
2.- En las plantillas abre forumbit_depth1_cat y haz la siguiente modificación:
Me explico, al inicio de la plantilla añade <div id="cat_{$forum['fid']}" class="content"> y al final de la plantilla </div> ¿Fácil, no?
3.- Ve a la plantilla de Índice y ábrela.
Busca
Antes que nada, quiero informar que esta guía no ha sido escrita originalmente por mí, la guía original la puedes encontrar aquí: http://community.mybb.com/thread-62039.html
Yo solo la traduje al español
Hay varios plugins para MyBB 1.6 para poder distribuir las categorías en pestañas, pero para MyBB 1.8 no hay alguno funcional en este momento.
En esa búsqueda, encontré el tema que cite anteriormente, lo probé y funciona de maravilla.
Sin más, comenzamos:
1.- Descarga https://mega.co.nz/#!Vt5gnSTB!7Mbpo8u6rb...W4OJaMskEI , extraelo y el archivo resultante subelo a jscripts en tu directorio de MyBB.
2.- En las plantillas abre forumbit_depth1_cat y haz la siguiente modificación:
Código:
<div id="cat_{$forum['fid']}" class="content">
...
</div>Me explico, al inicio de la plantilla añade <div id="cat_{$forum['fid']}" class="content"> y al final de la plantilla </div> ¿Fácil, no?
3.- Ve a la plantilla de Índice y ábrela.
Busca
Código PHP:
<?php
{$forums}
Y arriba añade
Código:
<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="Categorias 4 & 6" style="cursor: pointer;" rel="cat_4, #cat_6">Categorias 4 & 6</td>
<td class="tcat tab" title="Categorias 9" style="cursor: pointer;" rel="cat_9, #cat_11">Category 9</td>
</tr>
</table>Nota: Si lo añades debajo de {$forums} las pestañas aparecerán debajo de las categorías y foros, esto va a tu elección.
Importante: Donde esta escrito rel="cat_x" (donde x es el número de la categoría) es donde reemplazaran por las categorías que desean mostrar en esa pestaña.
4.- Ve al global.css y añade lo siguiente:
Código:
.at {
background: #026CB1 url(images/thead_bg.gif) top left repeat-x;
color: #ffffff;
}
#cat_1{
display: none;
}
#cat_6{
display: none;
}
#cat_9{
display: none;
}Y eso es todo, ya tienes tus categorías en pestañas
![[Imagen: 5c3db82c44.png]](http://puu.sh/dvMCT/5c3db82c44.png)
Última modificación: 15 Dec, 2014, 9:30 am por AndresXZ09.