Información de foro como en vBHispano

En vBHispano hemos modificado la información de la lista de foros de manera que libere más espacio en cada tabla. Esto me ha servido mucho para poder usar el estilo fijo, sin que se amontone el texto de los títulos de cada foro cuando son algo largos.

Muchos me han pedido esta modificación, así que, aquí les dejo esta pequeña guía para que puedan aplicarla en sus foros.

La siguiente imagen muestra el resultado final:

Para obtener este resultado solo debemos aplicar las siguientes modificaciones de plantillas (Esto es para estilos no personalizados, guardar una copia de la plantilla antes de remplazar su código):

Editar en la plantilla forumhome_forumbit_level1_nopos

1
Borrar la siguiente línea:

Código HTML:

<span class="forumthreadpost">{vb:rawphrase threads_posts} </span>

Editar en la plantilla forumhome_forumbit_level1_post

1
Borrar la siguiente línea:

Código HTML:

<span class="forumthreadpost">{vb:rawphrase threads_posts} </span>

2
Buscar por:

Código HTML:

<vb:if condition="$show&#91;'forumdescription'&#93;"><p class="forumdescription">{vb:raw forum.description}</p></vb:if>

Y añadir por debajo:

Código HTML:

                    <vb:if condition="$forum&#91;'threadcount'&#93; > '0'">                        <ul class="fstats">                            <li>{vb:rawphrase threads}: <b>{vb:raw forum.threadcount}</b></li>                            <li>{vb:rawphrase posts}: <b>{vb:raw forum.replycount}</b></li>                        </ul>                    </vb:if>

3
Buscar y borrar el siguiente código:

Código HTML:

            <h4 class="nocss_label">{vb:rawphrase forum_statistics}:</h4>            <ul class="forumstats_2 td">                <li>{vb:rawphrase threads}: {vb:raw forum.threadcount}</li>                <li>{vb:rawphrase posts}: {vb:raw forum.replycount}</li>            </ul>

Editar la plantilla forumhome_forumbit_level2_post

1
Buscar por:

Código HTML:

<vb:if condition="$show&#91;'forumdescription'&#93;"><p class="forumdescription">{vb:raw forum.description}</p></vb:if>

Añadir por debajo el siguiente código:

Código HTML:

                    <vb:if condition="$forum&#91;'threadcount'&#93; > '0'">                        <ul class="fstats">                            <li>{vb:rawphrase threads}: <b>{vb:raw forum.threadcount}</b></li>                            <li>{vb:rawphrase posts}: <b>{vb:raw forum.replycount}</b></li>                        </ul>                    </vb:if>

2
Buscar el siguiente código y borrarlo de la plantilla:

Código HTML:

        <h4 class="nocss_label">{vb:rawphrase forum_statistics}:</h4>        <ul class="forumstats td">            <li>{vb:rawphrase threads}: {vb:raw forum.threadcount}</li>            <li>{vb:rawphrase posts}: {vb:raw forum.replycount}</li>        </ul>

Editar la plantilla additional.css

1
Añadir el siguiente código por debajo de todo el código que tengamos en esta plantilla:

Código HTML:

.fstats{    display: block;    width: 180px;    float: left;    clear: both;    border: 1px solid {vb:stylevar forumbits_border.borderColor};    padding: 3px;    font-size: 10px;    -moz-border-radius: 9px;    -webkit-border-radius: 9px;    -khtml-border-radius: 9px;    border-radius: 9px 9px 9px 9px;    -moz-box-shadow: inset 0px 0px 7px {vb:stylevar forumbits_border.borderColor};    -webkit-box-shadow: inset 0px 0px 7px {vb:stylevar forumbits_border.borderColor};    -o-box-shadow: inset 0px 0px 7px {vb:stylevar forumbits_border.borderColor};    box-shadow: inset 0px 0px 7px {vb:stylevar forumbits_border.borderColor};}.fstats LI{    float: left;    padding: 0 6px;    color: #979797;}.fstats B{    color: #000;    font-weight: normal;}

.forumbit_nopost .forumhead .forumtitle {    min-width: 76% !important;}.forumbit_post .forumhead .forumtitle {    min-width: 76% !important;}
.forumbit_post .foruminfo {    width: 64% !important;}.forumbit_post .forumactionlinks {    width: 6% !important;}

.forumbit_post .forumrow .forumlastpost {    width: 30% !important;}

Es todo. Recuerden que estás ediciones se han hecho en un estilo predeterminado, no en un estilo personalizado.
Espero les sirva, cualquier duda dejarla en este mismo artículo.

3 Comentarios

OLMID - 12/08/2012, 03:08
- Responder
Hola Elmer

Yo también modifiqué para que no aparezca esa columna de temas y mensajes, no lo hice igual pero sí muy parecido
Si no recuerdo mal también hay que ocultar o borrar el span "threads_posts" de la plantilla FORUMDISPLAY

He visto un pequeño detalle que tendrías que corregir, cuando entras en un foro con sub-foros la frase "Último Mensaje" aparece debajo de la palabra "Sub-Foros", por ejemplo si entras en Gráficos para vBulletin verás lo que comento

Un saludo y gracias por todo

Elmer - 12/08/2012, 21:19
- Responder
Es cierto, olvidé poner la modificación de FORUMDISPLAY. Lo solucionaré y pondré los cambios aquí mañana por el día.