Detalhes da questão

Endereço do fórum: http://infostyle.forumbrasil.net/
Versão do fórum: PunBB

Descrição

Olá,

Eu gostaria de colocar isso em meu Fórum:


Eu uso um efeito com JS para fazer a função de toolpit nas categorias. Eu destivei o mesmo, mais mesmo assim ele só faz sumir o efeito mais não aparece a contagem de tópicos e respostas no sub-fórum como na imagem acima.

Fórum aonde vi: http://www.bestskins.net/

Olá,

Irei precisar do seu template index_box.
Painel de Controle Visualização Templates Geral

Até mais.
Fraise

Olá,

Aqui está:

Código:

<div class="main">
    <!-- BEGIN catrow -->
    <!-- BEGIN tablehead -->
    <div class="main-head">
        <div class="page-title">{catrow.tablehead.L_FORUM}</div>
    </div>
    <div class="main-content">
        <table cellspacing="0" class="table">
            <tbody class="statused">
                <!-- END tablehead -->

                <!-- BEGIN forumrow -->
                <tr>
                   
                       

                   
               
                    <td class="tc_forum" style="padding-right: {catrow.forumrow.INC_LEVEL_RIGHT};">
                        <h{catrow.forumrow.LEVEL} class="hierarchy"><a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">{catrow.forumrow.FORUM_NAME}</a>
                        </h{catrow.forumrow.LEVEL}>
                        <div class="hover_stats" style="left: 300px;">
                            <img src="http://i79.servimg.com/u/f79/18/24/85/15/hover_10.gif" alt="" class="stats_arrow" style="">
                            <div class="idx_stats">{catrow.forumrow.TOPICS} Tópicos · {catrow.forumrow.POSTS} Respostas</div>
                        </div>
                        <br />{catrow.forumrow.FORUM_DESC}
                        <strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS} {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
                        <!-- BEGIN switch_moderators_links -->
                        <br />{catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
                        <!-- END switch_moderators_links -->
                        <strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}
                    </td>
                    <td class="tc3"></td>
                    <td class="tcr">
                        <span>
                    <!-- BEGIN switch_topic_title -->
                    <a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />
                    <!-- END switch_topic_title -->
                    {catrow.forumrow.USER_LAST_POST}
                    </span>
                    </td>
                </tr>
                <!-- END forumrow -->

                <!-- BEGIN tablefoot -->
            </tbody>
        </table>
    </div>
    <!-- END tablefoot -->
    <!-- END catrow -->
</div>

<!-- BEGIN switch_on_index -->
<div class="main-box clearfix">
    <ul>
        <li><a href="{U_TODAY_ACTIVE}">{L_TODAY_ACTIVE}</a>
        </li>
        <li><a href="{U_TODAY_POSTERS}">{L_TODAY_POSTERS}</a>
        </li>
        <li><a href="{U_OVERALL_POSTERS}">{L_OVERALL_POSTERS}</a>
        </li>
    </ul>
    <!-- BEGIN switch_delete_cookies -->
    <p class="right">
        <a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
    </p>
    <!-- END switch_delete_cookies -->
</div>
<!-- END switch_on_index -->

Olá @Fatalisss,

Troque por este:

Código:

<div class="main">
    <!-- BEGIN catrow -->
    <!-- BEGIN tablehead -->
    <div class="main-head">
        <div class="page-title">{catrow.tablehead.L_FORUM}</div>
    </div>
    <div class="main-content">
        <table cellspacing="0" class="table">
            <tbody class="statused">
                <!-- END tablehead -->

                <!-- BEGIN forumrow -->
                <tr>
                   
                       

                   
               
                    <td class="tc_forum" style="padding-right: {catrow.forumrow.INC_LEVEL_RIGHT};">
                        <h{catrow.forumrow.LEVEL} class="hierarchy"><a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">{catrow.forumrow.FORUM_NAME}</a>
                        </h{catrow.forumrow.LEVEL}>
                        <div class="hover_stats" style="left: 300px;">
                            <img src="http://i79.servimg.com/u/f79/18/24/85/15/hover_10.gif" alt="" class="stats_arrow" style="">
                        </div>
                        <br />{catrow.forumrow.FORUM_DESC}
                        <strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS} {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
                        <!-- BEGIN switch_moderators_links -->
                        <br />{catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
                        <!-- END switch_moderators_links -->
                        <strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}
                    </td>
                  <td class="tc2">{catrow.forumrow.TOPICS}</td>
                  <td class="tc3">{catrow.forumrow.POSTS}</td>
                    <td class="tc3"></td>
                    <td class="tcr">
                        <span>
                    <!-- BEGIN switch_topic_title -->
                    <a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />
                    <!-- END switch_topic_title -->
                    {catrow.forumrow.USER_LAST_POST}
                    </span>
                    </td>
                </tr>
                <!-- END forumrow -->

                <!-- BEGIN tablefoot -->
            </tbody>
        </table>
    </div>
    <!-- END tablefoot -->
    <!-- END catrow -->
</div>

<!-- BEGIN switch_on_index -->
<div class="main-box clearfix">
    <ul>
        <li><a href="{U_TODAY_ACTIVE}">{L_TODAY_ACTIVE}</a>
        </li>
        <li><a href="{U_TODAY_POSTERS}">{L_TODAY_POSTERS}</a>
        </li>
        <li><a href="{U_OVERALL_POSTERS}">{L_OVERALL_POSTERS}</a>
        </li>
    </ul>
    <!-- BEGIN switch_delete_cookies -->
    <p class="right">
        <a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
    </p>
    <!-- END switch_delete_cookies -->
</div>
<!-- END switch_on_index -->

Até mais.
Fraise

Olá,

Não apareceu correctamente. Veja no meu Fórum, deixarei o código ativo para que possa trabalhar nele.

Até mais..

Olá novamente @Fatalisss,

Veja se é algo assim:

Código:

<div class="main">
    <!-- BEGIN catrow -->
    <!-- BEGIN tablehead -->
    <div class="main-head">
        <div class="page-title">{catrow.tablehead.L_FORUM}</div>
    </div>
    <div class="main-content">
        <table cellspacing="0" class="table">
            <tbody class="statused">
                <!-- END tablehead -->

                <!-- BEGIN forumrow -->
                <tr>
                   
                       

                   
               
                    <td class="tc_forum" style="padding-right: {catrow.forumrow.INC_LEVEL_RIGHT};">
                        <h{catrow.forumrow.LEVEL} class="hierarchy"><a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">{catrow.forumrow.FORUM_NAME}</a>
                        </h{catrow.forumrow.LEVEL}>
                        <div class="hover_stats" style="left: 300px;">
                            <img src="http://i79.servimg.com/u/f79/18/24/85/15/hover_10.gif" alt="" class="stats_arrow" style="">
                        </div>
                        <br />{catrow.forumrow.FORUM_DESC}
                        <strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS} {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
                        <!-- BEGIN switch_moderators_links -->
                        <br />{catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
                        <!-- END switch_moderators_links -->
                        <strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}
                    </td>
                  <td class="tc2">{catrow.forumrow.TOPICS} <br>tópicos</td>
                  <td class="tc3">{catrow.forumrow.POSTS} <br>mensagens</td>
                    <td class="tc3"></td>
                    <td class="tcr">
                        <span>
                    <!-- BEGIN switch_topic_title -->
                    <a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />
                    <!-- END switch_topic_title -->
                    {catrow.forumrow.USER_LAST_POST}
                    </span>
                    </td>
                </tr>
                <!-- END forumrow -->

                <!-- BEGIN tablefoot -->
            </tbody>
        </table>
    </div>
    <!-- END tablefoot -->
    <!-- END catrow -->
</div>

<!-- BEGIN switch_on_index -->
<div class="main-box clearfix">
    <ul>
        <li><a href="{U_TODAY_ACTIVE}">{L_TODAY_ACTIVE}</a>
        </li>
        <li><a href="{U_TODAY_POSTERS}">{L_TODAY_POSTERS}</a>
        </li>
        <li><a href="{U_OVERALL_POSTERS}">{L_OVERALL_POSTERS}</a>
        </li>
    </ul>
    <!-- BEGIN switch_delete_cookies -->
    <p class="right">
        <a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
    </p>
    <!-- END switch_delete_cookies -->
</div>
<!-- END switch_on_index -->

Até mais.
Fraise

@Fraise,

Exato porém quero que seja exatamente como no Fórum que lhe passei. Você poderia conseguir deixa-lo igual ?

Até mais..

Olá @Fatalisss,

Assim?

Código:

<style>
.pun table.table td.tc3, .pun table.table td.tc2 {
text-align: center!important;
}

td.tc_forum {
width: 70%!important;
}
</style>
<div class="main">
    <!-- BEGIN catrow -->
    <!-- BEGIN tablehead -->
    <div class="main-head">
        <div class="page-title">{catrow.tablehead.L_FORUM}</div>
    </div>
    <div class="main-content">
        <table cellspacing="0" class="table">
            <tbody class="statused">
                <!-- END tablehead -->

                <!-- BEGIN forumrow -->
                <tr>
                   
                       

                   
               
                    <td class="tc_forum" style="padding-right: {catrow.forumrow.INC_LEVEL_RIGHT};">
                        <h{catrow.forumrow.LEVEL} class="hierarchy"><a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">{catrow.forumrow.FORUM_NAME}</a>
                        </h{catrow.forumrow.LEVEL}>
                        <div class="hover_stats" style="left: 300px;">
                            <img src="http://i79.servimg.com/u/f79/18/24/85/15/hover_10.gif" alt="" class="stats_arrow" style="">
                        </div>
                        <br />{catrow.forumrow.FORUM_DESC}
                        <strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS} {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
                        <!-- BEGIN switch_moderators_links -->
                        <br />{catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
                        <!-- END switch_moderators_links -->
                        <strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}
                    </td>
                  <td class="tc2">{catrow.forumrow.TOPICS} <br>tópicos</td>
                  <td class="tc3">{catrow.forumrow.POSTS} <br>mensagens</td>
                    <td class="tc3"></td>
                    <td class="tcr">
                        <span>
                    <!-- BEGIN switch_topic_title -->
                    <a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />
                    <!-- END switch_topic_title -->
                    {catrow.forumrow.USER_LAST_POST}
                    </span>
                    </td>
                </tr>
                <!-- END forumrow -->

                <!-- BEGIN tablefoot -->
            </tbody>
        </table>
    </div>
    <!-- END tablefoot -->
    <!-- END catrow -->
</div>

<!-- BEGIN switch_on_index -->
<div class="main-box clearfix">
    <ul>
        <li><a href="{U_TODAY_ACTIVE}">{L_TODAY_ACTIVE}</a>
        </li>
        <li><a href="{U_TODAY_POSTERS}">{L_TODAY_POSTERS}</a>
        </li>
        <li><a href="{U_OVERALL_POSTERS}">{L_OVERALL_POSTERS}</a>
        </li>
    </ul>
    <!-- BEGIN switch_delete_cookies -->
    <p class="right">
        <a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
    </p>
    <!-- END switch_delete_cookies -->
</div>
<!-- END switch_on_index -->

Até mais.
Fraise

@Fraise isso mesmo,

Você poderia deixar os avatares mais proximos ao lado esquerdor? E a fonte de contagem dos tópicos e respostas como da bestskins?

Olá @Fatalisss,

Acho que agora está correto:

Código:

<style>
.pun table.table td.tc3, .pun table.table td.tc2 {
text-align: center!important;
font-family:tahoma, helvetica, arial, sans-serif!important;
font-size: 11px!important;
width:8%!important;
}

td.tc_forum {
width: 70%!important;
}
</style>
<div class="main">
    <!-- BEGIN catrow -->
    <!-- BEGIN tablehead -->
    <div class="main-head">
        <div class="page-title">{catrow.tablehead.L_FORUM}</div>
    </div>
    <div class="main-content">
        <table cellspacing="0" class="table">
            <tbody class="statused">
                <!-- END tablehead -->

                <!-- BEGIN forumrow -->
                <tr>
                   
                       

                   
               
                    <td class="tc_forum" style="padding-right: {catrow.forumrow.INC_LEVEL_RIGHT};">
                        <h{catrow.forumrow.LEVEL} class="hierarchy"><a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">{catrow.forumrow.FORUM_NAME}</a>
                        </h{catrow.forumrow.LEVEL}>
                        <div class="hover_stats" style="left: 300px;">
                            <img src="http://i79.servimg.com/u/f79/18/24/85/15/hover_10.gif" alt="" class="stats_arrow" style="">
                        </div>
                        <br />{catrow.forumrow.FORUM_DESC}
                        <strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS} {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
                        <!-- BEGIN switch_moderators_links -->
                        <br />{catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
                        <!-- END switch_moderators_links -->
                        <strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}
                    </td>
                  <td class="tc2">{catrow.forumrow.TOPICS} <br>tópicos</td>
                  <td class="tc3">{catrow.forumrow.POSTS} <br>mensagens</td>
                    <td class="tc3"></td>
                    <td class="tcr">
                        <span>
                    <!-- BEGIN switch_topic_title -->
                    <a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />
                    <!-- END switch_topic_title -->
                    {catrow.forumrow.USER_LAST_POST}
                    </span>
                    </td>
                </tr>
                <!-- END forumrow -->

                <!-- BEGIN tablefoot -->
            </tbody>
        </table>
    </div>
    <!-- END tablefoot -->
    <!-- END catrow -->
</div>

<!-- BEGIN switch_on_index -->
<div class="main-box clearfix">
    <ul>
        <li><a href="{U_TODAY_ACTIVE}">{L_TODAY_ACTIVE}</a>
        </li>
        <li><a href="{U_TODAY_POSTERS}">{L_TODAY_POSTERS}</a>
        </li>
        <li><a href="{U_OVERALL_POSTERS}">{L_OVERALL_POSTERS}</a>
        </li>
    </ul>
    <!-- BEGIN switch_delete_cookies -->
    <p class="right">
        <a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
    </p>
    <!-- END switch_delete_cookies -->
</div>
<!-- END switch_on_index -->

Até mais.
Fraise

@Fraise,

Agora sim e isso que eu queria. Tem como você puxar os resultados de tópicos e respostas mais pro lado direito, e puxando o avatar mais pro lado esquerdo deixando o titulo do tópico aparecer po completo? 

Obs: o titulo completo

Olá,

Veja se está ao seu agrado:

Código:

<style>
.pun table.table td.tc3, .pun table.table td.tc2 {
text-align: center!important;
font-family:tahoma, helvetica, arial, sans-serif!important;
font-size: 11px!important;
width:8%!important;
}

td.tc_forum {
width: 50%!important;
}
</style>
<div class="main">
    <!-- BEGIN catrow -->
    <!-- BEGIN tablehead -->
    <div class="main-head">
        <div class="page-title">{catrow.tablehead.L_FORUM}</div>
    </div>
    <div class="main-content">
        <table cellspacing="0" class="table">
            <tbody class="statused">
                <!-- END tablehead -->

                <!-- BEGIN forumrow -->
                <tr>
                   
                       

                   
               
                    <td class="tc_forum" style="padding-right: {catrow.forumrow.INC_LEVEL_RIGHT};">
                        <h{catrow.forumrow.LEVEL} class="hierarchy"><a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">{catrow.forumrow.FORUM_NAME}</a>
                        </h{catrow.forumrow.LEVEL}>
                        <div class="hover_stats" style="left: 300px;">
                            <img src="http://i79.servimg.com/u/f79/18/24/85/15/hover_10.gif" alt="" class="stats_arrow" style="">
                        </div>
                        <br />{catrow.forumrow.FORUM_DESC}
                        <strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS} {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
                        <!-- BEGIN switch_moderators_links -->
                        <br />{catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
                        <!-- END switch_moderators_links -->
                        <strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}
                    </td>
                  <td class="tc2">{catrow.forumrow.TOPICS} <br>tópicos</td>
                  <td class="tc3">{catrow.forumrow.POSTS} <br>mensagens</td>
                    <td class="tc3"></td>
                    <td class="tcr">
                        <span>
                    <!-- BEGIN switch_topic_title -->
                    <a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />
                    <!-- END switch_topic_title -->
                    {catrow.forumrow.USER_LAST_POST}
                    </span>
                    </td>
                </tr>
                <!-- END forumrow -->

                <!-- BEGIN tablefoot -->
            </tbody>
        </table>
    </div>
    <!-- END tablefoot -->
    <!-- END catrow -->
</div>

<!-- BEGIN switch_on_index -->
<div class="main-box clearfix">
    <ul>
        <li><a href="{U_TODAY_ACTIVE}">{L_TODAY_ACTIVE}</a>
        </li>
        <li><a href="{U_TODAY_POSTERS}">{L_TODAY_POSTERS}</a>
        </li>
        <li><a href="{U_OVERALL_POSTERS}">{L_OVERALL_POSTERS}</a>
        </li>
    </ul>
    <!-- BEGIN switch_delete_cookies -->
    <p class="right">
        <a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
    </p>
    <!-- END switch_delete_cookies -->
</div>
<!-- END switch_on_index -->

Para ajustar à sua maneira, localize este código:

td.tc_forum {
width: 50%!important;
}

E basta modificar o valor a vermelho até obter o resultado desejado.

Até mais.
Fraise

Olá,

Agora entendi. E o os avatares, como faço para move-los ?

Olá,

Basta adicionar à sua folha de estilos:

Código:

.mini_ava img {
margin-left:-20px!important; 
}

Até mais.
Fraise

Bugo quando coloquei na CSS, oculto a metade do avatar

UP 24 hr

Saudações,

Utilize este código:

Código:

.mini_ava img {
    position: relative;
    top: 3px;
    left: -3px;
}

Coloque ó no inicio de tua folha de estilo CSS. Se tiver dúvidas de como usar, avise-nos.
Até mais.
Sennior

Saudações,
Use este código, exclua todos códigos mencionados acima, com certeza vai funcionar!
Recomendo que faça UM BACKUP antes, pois eu não sou bom em templantes!
03.09.2015

Código:

    <div class="pun-crumbs">
       <p class="crumbs"><a href="{U_INDEX}">{L_INDEX}</a><strong>{NAV_CAT_DESC}</strong></p>
    </div>
    <div class="main">
    <!-- BEGIN catrow -->
       <!-- BEGIN tablehead -->
          <div class="main-head">
             <div class="page-title">{catrow.tablehead.L_FORUM}</div>
          </div>
          <div class="main-content">
             <table cellspacing="0" class="table">
                <thead>
                   <tr>
                      <th class="tcl">{L_FORUM}</th>
                      <th class="tc2">{L_TOPICS}</th>
                      <th class="tc3">{L_POSTS}</th>
                      <th class="tcr">{L_LASTPOST}</th>
                   </tr>
                </thead>
                <tbody class="statused">
       <!-- END tablehead -->

       <!-- BEGIN forumrow -->
                   <tr>
                      <td class="tcl" style="padding-right: {catrow.forumrow.INC_LEVEL_RIGHT}; padding-left: {catrow.forumrow.INC_LEVEL_LEFT};">
                         <span class="status" style="margin-right: -{catrow.forumrow.INC_WIDTH_ICON}; margin-left: -{catrow.forumrow.INC_WIDTH_ICON};">
                            <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
                         </span>
                         <h{catrow.forumrow.LEVEL} class="hierarchy"><a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">{catrow.forumrow.FORUM_NAME}</a></h{catrow.forumrow.LEVEL}>
                         <br />
                         {catrow.forumrow.FORUM_DESC}
                         <!-- BEGIN switch_moderators_links -->
                         <br />
                         {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
                         <!-- END switch_moderators_links -->
                         <div class="subforum">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
                        <strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}</div>
                      </td>
                      <td class="tc2"><span class="stats_number">{catrow.forumrow.TOPICS}</span><span class="stats_text">tópicos</span></td>
                      <td class="tc3"><span class="stats_number">{catrow.forumrow.POSTS}</span><span class="stats_text">respostas</span></td>
                      <td class="tcr">
                                <!-- BEGIN avatar -->
                                <span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
                                <!-- END avatar -->

                         <span>
                         <!-- BEGIN switch_topic_title -->
                         <a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />
                         <!-- END switch_topic_title -->
                         {catrow.forumrow.USER_LAST_POST}
                         </span>
                      </td>
                   </tr>
       <!-- END forumrow -->

       <!-- BEGIN tablefoot -->
                </tbody>
             </table>
          </div>
       <!-- END tablefoot -->
    <!-- END catrow -->
    </div>

    <!-- BEGIN switch_on_index -->
    <div class="main-box clearfix">
       <ul>
          <li><a href="{U_TODAY_ACTIVE}">{L_TODAY_ACTIVE}</a></li>
          <li><a href="{U_TODAY_POSTERS}">{L_TODAY_POSTERS}</a></li>
          <li><a href="{U_OVERALL_POSTERS}">{L_OVERALL_POSTERS}</a></li>
       </ul>
       <!-- BEGIN switch_delete_cookies -->
       <p class="right">
          <a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
       </p>
       <!-- END switch_delete_cookies -->
    </div>
    <!-- END switch_on_index -->
<script>$(function () {
    $('.main-head:has(.page-title)').prepend('<style>.collapsee.tcatCollapse img{opacity:0} .collapsee.tcatCollapse img:hover{opacity:.9} .main .main-head.collapsede { opacity: .9!important;margin-bottom:5px }</style><a class="collapsee tcatCollapse" id="collapse_c_cat1" href="#top" style="float: right;margin-top: -3px;"><img src="http://i.imgur.com/d7jXnmJ.png" alt="" height="20px"></a>');
    $('.main-head a.collapsee[id]').click(function (e) {
        e.preventDefault()
    });
    $('.main-head a.collapsee[id]').attr('onclick', " if($(this).closest('.main-head').next('.main-content:first').css('display')=='none') {my_setcookie($(this).closest('.main-head').find('.page-title').text()+'_ct','0',10,0); $(this).closest('.main-head').next('.main-content:first').slideDown(500);$(this).find('img').attr('src','http://i.imgur.com/I5HCAxH.png');$(this).closest('.main-head');$(this).closest('.main-head').removeClass('collapsede')} else {my_setcookie($(this).closest('.main-head').find('.page-title').text()+'_ct','1',10,0); $(this).closest('.main-head').next('.main-content:first').slideUp(500);$(this).find('img').attr('src','http://i.imgur.com/LBFBNlE.png'); $(this).closest('.main-head').addClass('collapsede');}");
    $(document).ready(function () {
        $('.main-head a.collapsee[id]').closest('.main-head').each(function () {
            if (my_getcookie($(this).find('.page-title').text() + '_ct') == '1') {
                $(this).next('.main-content:first').css('display', 'none');
                $(this).find('a.collapsee[id] img').attr('src', 'http://i.imgur.com/LBFBNlE.png');
                $(this).closest('.main-head').addClass('collapsede')
            } else {
                $(this).next('.main-content:first').css('display', 'block');
                $(this).find('a.collapsee[id] img').attr('src', 'http://i.imgur.com/I5HCAxH.png');
                $(this).closest('.main-head').removeClass('collapsede')
            }
        })
    })
});</script>

Até mais,
Mshas

Olá,

Nenhum dos códigos funcionaram. Visto que é uma questão muito complicada, quero optar para ser igual a este: http://forum.craftlandia.com.br/ipb/

Pois este da bestskins não adptou correctamente em meu Fórum, portanto acho que da craftlandia vai funcionar correctamente.

Se possivel me ajudem, pois não posso ficar com o Fórum assim.

Até mais!

Saudações,
Ora, deixe o templante ativo que eu passei-o e tente este código da folha de estilo CSS.
Com certeza vai ficar funcionando perfeitamente.

Código:

.stats_number {
    color: #BBB;
    display: block;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 16px;
    font-weight: 700;
    overflow: hidden;
    position: relative;
    text-align: center;
}
.stats_text {
    color: #D1D1D1;
    display: block;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 10px;
    text-align: center;
    text-transform: uppercase;
}


Até mais,
Mshas

Não vi nenhuma alteração..

Saudações,
Mude o templante pra este,

Código:

   
<style>.stats_number {
    color: #BBB;
    display: block;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 16px;
    font-weight: 700;
    overflow: hidden;
    position: relative;
    text-align: center;
}
.stats_text {
    color: #D1D1D1;
    display: block;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 10px;
    text-align: center;
    text-transform: uppercase;
}</style>
<div class="pun-crumbs">
      <p class="crumbs"><a href="{U_INDEX}">{L_INDEX}</a><strong>{NAV_CAT_DESC}</strong></p>
    </div>
    <div class="main">
    <!-- BEGIN catrow -->
      <!-- BEGIN tablehead -->
          <div class="main-head">
            <div class="page-title">{catrow.tablehead.L_FORUM}</div>
          </div>
          <div class="main-content">
            <table cellspacing="0" class="table">
                <thead>
                  <tr>
                      <th class="tcl">{L_FORUM}</th>
                      <th class="tc2">{L_TOPICS}</th>
                      <th class="tc3">{L_POSTS}</th>
                      <th class="tcr">{L_LASTPOST}</th>
                  </tr>
                </thead>
                <tbody class="statused">
      <!-- END tablehead -->

      <!-- BEGIN forumrow -->
                  <tr>
                      <td class="tcl" style="padding-right: {catrow.forumrow.INC_LEVEL_RIGHT}; padding-left: {catrow.forumrow.INC_LEVEL_LEFT};">
                        <span class="status" style="margin-right: -{catrow.forumrow.INC_WIDTH_ICON}; margin-left: -{catrow.forumrow.INC_WIDTH_ICON};">
                            <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
                        </span>
                        <h{catrow.forumrow.LEVEL} class="hierarchy"><a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">{catrow.forumrow.FORUM_NAME}</a></h{catrow.forumrow.LEVEL}>
                        <br />
                        {catrow.forumrow.FORUM_DESC}
                        <!-- BEGIN switch_moderators_links -->
                        <br />
                        {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
                        <!-- END switch_moderators_links -->
                        <div class="subforum">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
                        <strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}</div>
                      </td>
                      <td class="tc2"><span class="stats_number">{catrow.forumrow.TOPICS}</span><span class="stats_text">tópicos</span></td>
                      <td class="tc3"><span class="stats_number">{catrow.forumrow.POSTS}</span><span class="stats_text">respostas</span></td>
                      <td class="tcr">
                                <!-- BEGIN avatar -->
                                <span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
                                <!-- END avatar -->

                        <span>
                        <!-- BEGIN switch_topic_title -->
                        <a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />
                        <!-- END switch_topic_title -->
                        {catrow.forumrow.USER_LAST_POST}
                        </span>
                      </td>
                  </tr>
      <!-- END forumrow -->

      <!-- BEGIN tablefoot -->
                </tbody>
            </table>
          </div>
      <!-- END tablefoot -->
    <!-- END catrow -->
    </div>

    <!-- BEGIN switch_on_index -->
    <div class="main-box clearfix">
      <ul>
          <li><a href="{U_TODAY_ACTIVE}">{L_TODAY_ACTIVE}</a></li>
          <li><a href="{U_TODAY_POSTERS}">{L_TODAY_POSTERS}</a></li>
          <li><a href="{U_OVERALL_POSTERS}">{L_OVERALL_POSTERS}</a></li>
      </ul>
      <!-- BEGIN switch_delete_cookies -->
      <p class="right">
          <a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
      </p>
      <!-- END switch_delete_cookies -->
    </div>
    <!-- END switch_on_index -->
<script>$(function () {
    $('.main-head:has(.page-title)').prepend('<style>.collapsee.tcatCollapse img{opacity:0} .collapsee.tcatCollapse img:hover{opacity:.9} .main .main-head.collapsede { opacity: .9!important;margin-bottom:5px }</style><a class="collapsee tcatCollapse" id="collapse_c_cat1" href="#top" style="float: right;margin-top: -3px;"><img src="http://i.imgur.com/d7jXnmJ.png" alt="" height="20px"></a>');
    $('.main-head a.collapsee[id]').click(function (e) {
        e.preventDefault()
    });
    $('.main-head a.collapsee[id]').attr('onclick', " if($(this).closest('.main-head').next('.main-content:first').css('display')=='none') {my_setcookie($(this).closest('.main-head').find('.page-title').text()+'_ct','0',10,0); $(this).closest('.main-head').next('.main-content:first').slideDown(500);$(this).find('img').attr('src','http://i.imgur.com/I5HCAxH.png');$(this).closest('.main-head');$(this).closest('.main-head').removeClass('collapsede')} else {my_setcookie($(this).closest('.main-head').find('.page-title').text()+'_ct','1',10,0); $(this).closest('.main-head').next('.main-content:first').slideUp(500);$(this).find('img').attr('src','http://i.imgur.com/LBFBNlE.png'); $(this).closest('.main-head').addClass('collapsede');}");
    $(document).ready(function () {
        $('.main-head a.collapsee[id]').closest('.main-head').each(function () {
            if (my_getcookie($(this).find('.page-title').text() + '_ct') == '1') {
                $(this).next('.main-content:first').css('display', 'none');
                $(this).find('a.collapsee[id] img').attr('src', 'http://i.imgur.com/LBFBNlE.png');
                $(this).closest('.main-head').addClass('collapsede')
            } else {
                $(this).next('.main-content:first').css('display', 'block');
                $(this).find('a.collapsee[id] img').attr('src', 'http://i.imgur.com/I5HCAxH.png');
                $(this).closest('.main-head').removeClass('collapsede')
            }
        })
    })
});</script>

E não esqueça de publicar o templante!
Até mais,
Mshas

Não é bem isso que quero, quero como o da craftlandia...

Olá,

Solicito arquivação do tópico.