Detalhes da questão

Endereço do fórum: http://www.ultimatelife.forumeiros.com
Versão do fórum: ModernBB

Descrição

Gostaria de fazer as seguinte moderações nos meus sub-foruns:
De isso: http://prntscr.com/gvd47x
Para isso: http://prntscr.com/gvd4c8

Ou algo semelhante para não deixar 100% igual.
Lembro-me de ter visto tal código em algum lugar aqui mas não lembro onde.

Olá iScroll

O senhor poderia ser mais especifico em relação o que deseja.

Atenciosamente: Ketholy

iScroll escreveu:

Gostaria de fazer as seguinte moderações nos meus sub-foruns:
De isso: http://prntscr.com/gvd47x
Para isso: http://prntscr.com/gvd4c8

Desculpe, mas acho que fui bem específico por aqui, não?
Se não, por favor peço que me diga em que parte não me expressei bem que lhe explicarei melhor.

iScroll escreveu:

iScroll escreveu:

Gostaria de fazer as seguinte moderações nos meus sub-foruns:
De isso: http://prntscr.com/gvd47x
Para isso: http://prntscr.com/gvd4c8

Desculpe, mas acho que fui bem específico por aqui, não?
Se não, por favor peço que me diga em que parte não me expressei bem que lhe explicarei melhor.

Não entendi os seus links, por exemplo o primeiro tem um ícone em curso que se refere que você quer modifica-lo no que está no segundo link correto? Se não poderia visualizar se realmente as ordens dos links estão corretas.

Gostaria de fazer as seguinte moderações nos meus sub-foruns:
De isso: http://prntscr.com/gvd47x
Para isso: http://prntscr.com/gvd4c8

Atualmente no meu fórum esta assim: https://prnt.sc/gvd47x
Pode acompanhar por aqui: http://ultimatelife.forumeiros.com/f1-seu-primeiro-forum
Se possível quero eles assim: https://prnt.sc/gvd4c8
Pode acompanhar por aqui: http://ismaels.forumeiros.com/f1-seu-primeiro-forum

iScroll escreveu:Atualmente no meu fórum esta assim: https://prnt.sc/gvd47x
Pode acompanhar por aqui: http://ultimatelife.forumeiros.com/f1-seu-primeiro-forum
Se possível quero eles assim: https://prnt.sc/gvd4c8
Pode acompanhar por aqui: http://ismaels.forumeiros.com/f1-seu-primeiro-forum

Se eu estiver erra me desculpe, mais pelo que entendi você quer criar uma categoria e dentro dela fóruns. Sendo quando alguém clicar na sua categoria irá apresentar os fóruns dentro dela igualmente do fórum usando como referencia. Seria isso? Ou e questão de imagens?

Não kkk
Isso ai é subforum, igual eu tenho um forum "Seu primeiro forum" e dentro dele tem: "Seu primeiro tópico" eu gostaria de personalizar essa área onde fica os posts do subforum. entende?

iScroll escreveu:Não kkk
Isso ai é subforum, igual eu tenho um forum "Seu primeiro forum" e dentro dele tem: "Seu primeiro tópico" eu gostaria de personalizar essa área onde fica os posts do subforum. entende?

Olá iScroll,

Encontrei alguns efeitos semelhantes ao do fórum citado como exemplo.

Efeito menu: Tutorial

Efeito abas: Tutorial

Efeito imagens: Tutorial

[FAQ] Categorias, fóruns e subfóruns

[TUTORIAL] Sub-fóruns em modo hover

[TUTORIAL] Visualizar informações de sub fóruns em modo hover

[TUTORIAL] Sub-fóruns em lista vertical

Obs: Espero que alguns dos tutorias seja o que procura, e me desculpe minha falta de compreensão.

Atenciosamente: Ketholy

Nenhuma dessas propostas é o que eu desejo.
Novamente volto a dizer
Nos sub-foruns queria algo semelhante a isso: http://prntscr.com/gvd4c8

O meu fórum está assim: http://prntscr.com/gvd47x

Olá,

Eu precisarei do template topics_list_box, contudo, já aviso que não poderei fazer muito parecido pois o autor do fórum que o senhor deu como exemplo não me deu permissão para isso (acabei de conversar com ele por MP). :/

Mas talvez possamos até fazer melhor.

o/

Cá está:

Código:

<!-- BEGIN topics_list_box -->
<!-- BEGIN row -->
<!-- BEGIN header_table -->
   <!-- BEGIN multi_selection -->
      <script type="text/javascript">

      function check_uncheck_main_{topics_list_box.row.header_table.BOX_ID}()
      {
         alert('MAIN');

         var all_checked = true;

         for (i = 0; (i < document.{topics_list_box.FORMNAME}.elements.length) && all_checked; i++)
         {
            if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}')
            {
               all_checked = document.{topics_list_box.FORMNAME}.elements[i].checked;
            }
         }

         document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked = all_checked;
      }

      function check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}()
      {
         alert('ALL');

         for (i = 0; i < document.{topics_list_box.FORMNAME}.length; i++)
         {
            if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}')
            {
               document.{topics_list_box.FORMNAME}.elements[i].checked = document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked;
            }
         }
      }

      </script>
   <!-- END multi_selection -->

   <div class="forumbg announcement">
      <ul class="topiclist topics">
         <li class="header">
            <dl class="icon">
               <dt>
                  <!-- BEGIN multi_selection -->
                  <input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" />
                  <!-- END multi_selection -->
                  {topics_list_box.row.L_TITLE}
               </dt>
               <dd class="posts"><i class="ion-android-chat" data-tooltip="{topics_list_box.row.L_REPLIES}"></i></dd>
               <dd class="views"><i class="ion-eye" data-tooltip="{topics_list_box.row.L_VIEWS}"></i></dd>
               <dd class="lastpost"><i class="ion-android-time" data-tooltip="{topics_list_box.row.L_LASTPOST}"></i></dd>
            </dl>
         </li>
      </ul>
      <ul class="topiclist topics bg_none">
<!-- END header_table -->

<!-- BEGIN header_row -->
      <strong>{topics_list_box.row.L_TITLE}</strong>
<!-- END header_row -->

<!-- BEGIN topic -->

   <!-- BEGIN table_sticky -->
         </ul>
      </div>
      <div class="forumbg">
      <ul class="topiclist topics">
         <li class="header">
            <dl class="icon">
               <!--<dd class="dterm">-->
               <dd class="dterm">
                  <!-- BEGIN multi_selection -->
                  <input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" />
                  <!-- END multi_selection -->
                  {topics_list_box.row.topic.table_sticky.L_TITLE}
               </dd>
               <dd class="posts"><i class="ion-android-chat" data-tooltip="{topics_list_box.row.topic.table_sticky.L_REPLIES}"></i></dd>
               <dd class="views"><i class="ion-eye" data-tooltip="{topics_list_box.row.topic.table_sticky.L_VIEWS}"></i></dd>
               <dd class="lastpost"><i class="ion-android-time" data-tooltip="{topics_list_box.row.topic.table_sticky.L_LASTPOST}"></i></dd>
            </dl>
         </li>
      </ul>
      <ul class="topiclist topics bg_none">
   <!-- END table_sticky -->

      <li class="row {topics_list_box.row.ROW_ALT_CLASS}"<!-- BEGIN line_sticky --> style="margin-top:5px;"<!-- END line_sticky --> >
         <dl class="icon" style="background-image:url('{topics_list_box.row.TOPIC_FOLDER_IMG}');">
            <dd class="dterm" title="{topicrow.TOPIC_FOLDER_IMG_ALT}" {topics_list_box.row.ICON}>
               <!-- BEGIN single_selection -->
                  <input type="radio" name="{topics_list_box.FIELDNAME}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} />
               <!-- END single_selection -->
               <div class="topic-title-container">
                  {topics_list_box.row.NEWEST_POST_IMG}
                  {topics_list_box.row.PARTICIPATE_POST_IMG}
                  {topics_list_box.row.TOPIC_TYPE}
                  <h2 class="topic-title hierarchy">
                     <a class="topictitle" href="{topics_list_box.row.U_VIEW_TOPIC}">
                        {topics_list_box.row.TOPIC_TITLE}
                     </a>
                  </h2>
               </div>
               <!-- BEGIN switch_description -->
                  <span class="topic-description">
                     {topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}
                  </span>
               <!-- END switch_description -->
               <span class="topic-author">
                  &nbsp;{topics_list_box.row.L_BY}&nbsp;{topics_list_box.row.TOPIC_AUTHOR}
               </span>
               {topics_list_box.row.GOTO_PAGE_NEW}
               <!-- BEGIN nav_tree -->
                  {topics_list_box.row.TOPIC_NAV_TREE_NEW}
               <!-- END nav_tree -->
            </dd>
            <dd class="posts">{topics_list_box.row.REPLIES} <dfn>{L_REPLIES}</dfn></dd>
            <dd class="views">{topics_list_box.row.VIEWS} <dfn>{L_VIEWS}</dfn></dd>
            <dd class="lastpost">
               <!-- BEGIN avatar -->
                  <span class="lastpost-avatar">{topics_list_box.row.topic.avatar.LAST_POST_AVATAR}</span>
               <!-- END avatar -->

               <span>
                  {topics_list_box.row.LAST_POST_AUTHOR}&nbsp;<dfn>{L_LASTPOST}</dfn> {topics_list_box.row.LAST_POST_IMG}<br />{topics_list_box.row.LAST_POST_TIME}
               </span>
            </dd>
            <!-- BEGIN multi_selection -->
               <input onclick="javascript:check_uncheck_main_{topics_list_box.row.BOX_ID}();" type="checkbox" name="{topics_list_box.FIELDNAME}[]{topics_list_box.row.BOX_ID}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} />
            <!-- END multi_selection -->
         </dl>
      </li>
<!-- END topic -->
<!-- BEGIN no_topics -->
<li class="row row1">
   <dl>
      <dt><strong>{topics_list_box.row.L_NO_TOPICS}</strong></dt>
   </dl>
</li>
<!-- END no_topics -->

<!-- BEGIN bottom -->
</ul>
</div>
<!-- END bottom -->
<!-- BEGIN spacer --><br /><!-- END spacer -->
<!-- END row -->
<!-- END topics_list_box -->

Luiz escreveu:
já aviso que não poderei fazer muito parecido pois o autor do fórum que o senhor deu como exemplo não me deu permissão para isso (acabei de conversar com ele por MP). :/

Mas talvez possamos até fazer melhor.

o/

Em momento nenhum pedi igual, apenas semelhante ao mesmo, contudo, o senhor sabe muito bem que costumo editar meus códigos para não deixar semelhante a nenhum fórum.

UP

Troque por:

Código:

<!-- BEGIN topics_list_box -->
<!-- BEGIN row -->
<!-- BEGIN header_table -->
  <!-- BEGIN multi_selection -->
      <script type="text/javascript">

      function check_uncheck_main_{topics_list_box.row.header_table.BOX_ID}()
      {
        alert('MAIN');

        var all_checked = true;

        for (i = 0; (i < document.{topics_list_box.FORMNAME}.elements.length) && all_checked; i++)
        {
            if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}')
            {
              all_checked = document.{topics_list_box.FORMNAME}.elements[i].checked;
            }
        }

        document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked = all_checked;
      }

      function check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}()
      {
        alert('ALL');

        for (i = 0; i < document.{topics_list_box.FORMNAME}.length; i++)
        {
            if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}')
            {
              document.{topics_list_box.FORMNAME}.elements[i].checked = document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked;
            }
        }
      }

      </script>
  <!-- END multi_selection -->

  <div class="forumbg announcement">
      <ul class="topiclist topics">
        <li class="header">
            <dl class="icon">
              <dt>
                  <!-- BEGIN multi_selection -->
                  <input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" />
                  <!-- END multi_selection -->
                  {topics_list_box.row.L_TITLE}
              </dt>
              <dd class="posts"><i class="ion-android-chat" data-tooltip="{topics_list_box.row.L_REPLIES}"></i></dd>
              <dd class="views"><i class="ion-eye" data-tooltip="{topics_list_box.row.L_VIEWS}"></i></dd>
              <dd class="lastpost"><i class="ion-android-time" data-tooltip="{topics_list_box.row.L_LASTPOST}"></i></dd>
            </dl>
        </li>
      </ul>
      <ul class="topiclist topics bg_none">
<!-- END header_table -->

<!-- BEGIN header_row -->
      <strong>{topics_list_box.row.L_TITLE}</strong>
<!-- END header_row -->

<!-- BEGIN topic -->

  <!-- BEGIN table_sticky -->
        </ul>
      </div>
      <div class="forumbg">
      <ul class="topiclist topics">
        <li class="header">
            <dl class="icon">
              <!--<dd class="dterm">-->
              <dd class="dterm">
                  <!-- BEGIN multi_selection -->
                  <input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" />
                  <!-- END multi_selection -->
                  {topics_list_box.row.topic.table_sticky.L_TITLE}
              </dd>
              <dd class="posts"><i class="ion-android-chat" data-tooltip="{topics_list_box.row.topic.table_sticky.L_REPLIES}"></i></dd>
              <dd class="views"><i class="ion-eye" data-tooltip="{topics_list_box.row.topic.table_sticky.L_VIEWS}"></i></dd>
              <dd class="lastpost"><i class="ion-android-time" data-tooltip="{topics_list_box.row.topic.table_sticky.L_LASTPOST}"></i></dd>
            </dl>
        </li>
      </ul>
      <ul class="topiclist topics bg_none">
  <!-- END table_sticky -->

      <li data-status="{topics_list_box.row.TOPIC_FOLDER_IMG}" class="row {topics_list_box.row.ROW_ALT_CLASS}"<!-- BEGIN line_sticky --> style="margin-top:5px;"<!-- END line_sticky --> >   
        <div class="fa-topicrow-top" {topics_list_box.row.ICON}>
          <div class="fa-entry-topicrow">
            <h2 class="fa-topicrow-title">
              <a class="topictitle" href="{topics_list_box.row.U_VIEW_TOPIC}">
                {topics_list_box.row.TOPIC_TITLE}
              </a>
            </h2>
            <div class="fa-topicrow-description">{topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}</div>
            <div class="fa-topicrow-author"><i class="fa fa-user"></i> Postado por: {topics_list_box.row.TOPIC_AUTHOR}</div>
            <div class="fa-topicrow-pagination">
              {topics_list_box.row.GOTO_PAGE_NEW}
              <!-- BEGIN nav_tree -->
                {topics_list_box.row.TOPIC_NAV_TREE_NEW}
              <!-- END nav_tree -->
            </div>
          </div>
          <div class="fa-topicrow-lastpost">
            <span class="fa-topicrow-lastpost-avatar">
              {topics_list_box.row.LAST_POST_IMG}
            </span>
            <span class="fa-topicrow-lastpost-time">
              <i class="fa fa-clock"></i> {topics_list_box.row.LAST_POST_TIME}
            </span>
            <span class="fa-topicrow-lastpost-user">
              <i class="fa fa-user"></i> {topics_list_box.row.LAST_POST_AUTHOR}
            </span>
          </div>
        </div>
        <div class="fa-topicrow-footer">
          <div class="messages"><i class="fa fa-comments"></i> {topics_list_box.row.REPLIES} Mensagens</div> &midot;
          <div class="messages"><i class="fa fa-eye"></i> {topics_list_box.row.VIEWS} Visualizações</div>
        </div>
      </li>
<!-- END topic -->
<!-- BEGIN no_topics -->
<li class="row row1">
  <div class="no-topics" align="center">Não há tópicos.</div>
</li>
<!-- END no_topics -->

<!-- BEGIN bottom -->
</ul>
</div>
<!-- END bottom -->
<!-- BEGIN spacer --><br /><!-- END spacer -->
<!-- END row -->
<!-- END topics_list_box -->

Alterado.

Troque novamente por este:

Código:

<!-- BEGIN topics_list_box -->
<!-- BEGIN row -->
<!-- BEGIN header_table -->
  <!-- BEGIN multi_selection -->
      <script type="text/javascript">

      function check_uncheck_main_{topics_list_box.row.header_table.BOX_ID}()
      {
        alert('MAIN');

        var all_checked = true;

        for (i = 0; (i < document.{topics_list_box.FORMNAME}.elements.length) && all_checked; i++)
        {
            if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}')
            {
              all_checked = document.{topics_list_box.FORMNAME}.elements[i].checked;
            }
        }

        document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked = all_checked;
      }

      function check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}()
      {
        alert('ALL');

        for (i = 0; i < document.{topics_list_box.FORMNAME}.length; i++)
        {
            if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}')
            {
              document.{topics_list_box.FORMNAME}.elements[i].checked = document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked;
            }
        }
      }

      </script>
  <!-- END multi_selection -->

  <div class="forumbg announcement">
      <ul class="topiclist topics">
        <li class="header">
            <dl class="icon">
              <dt>
                  <!-- BEGIN multi_selection -->
                  <input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" />
                  <!-- END multi_selection -->
                  {topics_list_box.row.L_TITLE}
              </dt>
              <dd class="posts"><i class="ion-android-chat" data-tooltip="{topics_list_box.row.L_REPLIES}"></i></dd>
              <dd class="views"><i class="ion-eye" data-tooltip="{topics_list_box.row.L_VIEWS}"></i></dd>
              <dd class="lastpost"><i class="ion-android-time" data-tooltip="{topics_list_box.row.L_LASTPOST}"></i></dd>
            </dl>
        </li>
      </ul>
      <ul class="topiclist topics bg_none">
<!-- END header_table -->

<!-- BEGIN header_row -->
      <strong>{topics_list_box.row.L_TITLE}</strong>
<!-- END header_row -->

<!-- BEGIN topic -->

  <!-- BEGIN table_sticky -->
        </ul>
      </div>
      <div class="forumbg">
      <ul class="topiclist topics">
        <li class="fa-custom-header">
            <dl class="icon">
              <!--<dd class="dterm">-->
              <dd class="dterm">
                  <!-- BEGIN multi_selection -->
                  <input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" />
                  <!-- END multi_selection -->
                  {topics_list_box.row.topic.table_sticky.L_TITLE}
              </dd>
              <dd class="posts"><i class="ion-android-chat" data-tooltip="{topics_list_box.row.topic.table_sticky.L_REPLIES}"></i></dd>
              <dd class="views"><i class="ion-eye" data-tooltip="{topics_list_box.row.topic.table_sticky.L_VIEWS}"></i></dd>
              <dd class="lastpost"><i class="ion-android-time" data-tooltip="{topics_list_box.row.topic.table_sticky.L_LASTPOST}"></i></dd>
            </dl>
        </li>
      </ul>
      <ul class="topiclist topics bg_none">
  <!-- END table_sticky -->

      <li data-status="{topics_list_box.row.TOPIC_FOLDER_IMG}" class="row {topics_list_box.row.ROW_ALT_CLASS}"<!-- BEGIN line_sticky --> style="margin-top:5px;"<!-- END line_sticky --> >   
        <div class="fa-topicrow-top" {topics_list_box.row.ICON}>
          <div class="fa-entry-topicrow">
            <h2 class="fa-topicrow-title">
              <a class="topictitle" href="{topics_list_box.row.U_VIEW_TOPIC}">
                {topics_list_box.row.TOPIC_TITLE}
              </a>
            </h2>
            <div class="fa-topicrow-description">{topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}</div>
            <div class="fa-topicrow-author"><i class="fa fa-user"></i> Postado por: {topics_list_box.row.TOPIC_AUTHOR}</div>
            <div class="fa-topicrow-pagination">
              {topics_list_box.row.GOTO_PAGE_NEW}
              <!-- BEGIN nav_tree -->
                {topics_list_box.row.TOPIC_NAV_TREE_NEW}
              <!-- END nav_tree -->
            </div>
          </div>
          <div class="fa-topicrow-lastpost">
            <span class="fa-topicrow-lastpost-avatar">
              {topics_list_box.row.LAST_POST_IMG}
            </span>
            <span class="fa-topicrow-lastpost-time">
              <i class="fa fa-clock"></i> {topics_list_box.row.LAST_POST_TIME}
            </span>
            <span class="fa-topicrow-lastpost-user">
              <i class="fa fa-user"></i> {topics_list_box.row.LAST_POST_AUTHOR}
            </span>
          </div>
        </div>
        <div class="fa-topicrow-footer">
          <div class="messages"><i class="fa fa-comments"></i> {topics_list_box.row.REPLIES} Mensagens</div> ·
          <div class="messages"><i class="fa fa-eye"></i> {topics_list_box.row.VIEWS} Visualizações</div>
        </div>
      </li>
<!-- END topic -->
<!-- BEGIN no_topics -->
<li class="row row1">
  <div class="no-topics" align="center">Não há tópicos.</div>
</li>
<!-- END no_topics -->

<!-- BEGIN bottom -->
</ul>
</div>
<!-- END bottom -->
<!-- BEGIN spacer --><br /><!-- END spacer -->
<!-- END row -->
<!-- END topics_list_box -->

Pronto.

Troque mais uma vez:

Código:

<!-- BEGIN topics_list_box -->
<!-- BEGIN row -->
<!-- BEGIN header_table -->
  <!-- BEGIN multi_selection -->
      <script type="text/javascript">

      function check_uncheck_main_{topics_list_box.row.header_table.BOX_ID}()
      {
        alert('MAIN');

        var all_checked = true;

        for (i = 0; (i < document.{topics_list_box.FORMNAME}.elements.length) && all_checked; i++)
        {
            if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}')
            {
              all_checked = document.{topics_list_box.FORMNAME}.elements[i].checked;
            }
        }

        document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked = all_checked;
      }

      function check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}()
      {
        alert('ALL');

        for (i = 0; i < document.{topics_list_box.FORMNAME}.length; i++)
        {
            if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}')
            {
              document.{topics_list_box.FORMNAME}.elements[i].checked = document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked;
            }
        }
      }

      </script>
  <!-- END multi_selection -->

  <div class="forumbg announcement">
      <ul class="topiclist topics">
        <li class="header">
            <dl class="icon">
              <dt>
                  <!-- BEGIN multi_selection -->
                  <input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" />
                  <!-- END multi_selection -->
                  {topics_list_box.row.L_TITLE}
              </dt>
              <dd class="posts"><i class="ion-android-chat" data-tooltip="{topics_list_box.row.L_REPLIES}"></i></dd>
              <dd class="views"><i class="ion-eye" data-tooltip="{topics_list_box.row.L_VIEWS}"></i></dd>
              <dd class="lastpost"><i class="ion-android-time" data-tooltip="{topics_list_box.row.L_LASTPOST}"></i></dd>
            </dl>
        </li>
      </ul>
      <ul class="topiclist topics bg_none">
<!-- END header_table -->

<!-- BEGIN header_row -->
      <strong>{topics_list_box.row.L_TITLE}</strong>
<!-- END header_row -->

<!-- BEGIN topic -->

  <!-- BEGIN table_sticky -->
        </ul>
      </div>
      <div class="forumbg">
      <ul class="topiclist topics">
        <li class="fa-custom-header">
            <dl class="icon">
              <!--<dd class="dterm">-->
              <dd class="dterm">
                  <!-- BEGIN multi_selection -->
                  <input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" />
                  <!-- END multi_selection -->
                  {topics_list_box.row.topic.table_sticky.L_TITLE}
              </dd>
              <dd class="posts"><i class="ion-android-chat" data-tooltip="{topics_list_box.row.topic.table_sticky.L_REPLIES}"></i></dd>
              <dd class="views"><i class="ion-eye" data-tooltip="{topics_list_box.row.topic.table_sticky.L_VIEWS}"></i></dd>
              <dd class="lastpost"><i class="ion-android-time" data-tooltip="{topics_list_box.row.topic.table_sticky.L_LASTPOST}"></i></dd>
            </dl>
        </li>
      </ul>
      <ul class="topiclist topics bg_none">
  <!-- END table_sticky -->

      <li data-status="{topics_list_box.row.TOPIC_FOLDER_IMG}" class="fa-topicrow row {topics_list_box.row.ROW_ALT_CLASS}"<!-- BEGIN line_sticky --> style="margin-top:5px;"<!-- END line_sticky --> >   
        <div class="fa-topicrow-top" {topics_list_box.row.ICON}>
          <div class="fa-entry-topicrow">
            <h2 class="fa-topicrow-title">
              <a class="topictitle" href="{topics_list_box.row.U_VIEW_TOPIC}">
                {topics_list_box.row.TOPIC_TITLE}
              </a>
            </h2>
            <div class="fa-topicrow-description">{topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}</div>
            <div class="fa-topicrow-author"><i class="fa fa-user"></i> Postado por: {topics_list_box.row.TOPIC_AUTHOR}</div>
            <div class="fa-topicrow-pagination">
              {topics_list_box.row.GOTO_PAGE_NEW}
              <!-- BEGIN nav_tree -->
                {topics_list_box.row.TOPIC_NAV_TREE_NEW}
              <!-- END nav_tree -->
            </div>
          </div>
          <div class="fa-topicrow-lastpost">
            <span class="fa-topicrow-lastpost-avatar">
              {topics_list_box.row.LAST_POST_IMG}
            </span>
            <span class="fa-topicrow-lastpost-time">
              <i class="fa fa-clock"></i> {topics_list_box.row.LAST_POST_TIME}
            </span>
            <span class="fa-topicrow-lastpost-user">
              <i class="fa fa-user"></i> {topics_list_box.row.LAST_POST_AUTHOR}
            </span>
          </div>
        </div>
        <div class="fa-topicrow-footer">
          <div class="messages"><i class="fa fa-comments"></i> {topics_list_box.row.REPLIES} Mensagens</div> ·
          <div class="messages"><i class="fa fa-eye"></i> {topics_list_box.row.VIEWS} Visualizações</div>
        </div>
      </li>
<!-- END topic -->
<!-- BEGIN no_topics -->
<li class="row row1">
  <div class="no-topics" align="center">Não há tópicos.</div>
</li>
<!-- END no_topics -->

<!-- BEGIN bottom -->
</ul>
</div>
<!-- END bottom -->
<!-- BEGIN spacer --><br /><!-- END spacer -->
<!-- END row -->
<!-- END topics_list_box -->

Eu irei remover o header, tudo bem?
-> http://prntscr.com/gwaiwb

Penso que não há necessidade de mantê-lo.

Ou você prefere com ele?

Sem ele, por favor.

Certo, troque novamente:

Código:

<!-- BEGIN topics_list_box -->
<!-- BEGIN row -->
<!-- BEGIN header_table -->
  <!-- BEGIN multi_selection -->
      <script type="text/javascript">

      function check_uncheck_main_{topics_list_box.row.header_table.BOX_ID}()
      {
        alert('MAIN');

        var all_checked = true;

        for (i = 0; (i < document.{topics_list_box.FORMNAME}.elements.length) && all_checked; i++)
        {
            if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}')
            {
              all_checked = document.{topics_list_box.FORMNAME}.elements[i].checked;
            }
        }

        document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked = all_checked;
      }

      function check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}()
      {
        alert('ALL');

        for (i = 0; i < document.{topics_list_box.FORMNAME}.length; i++)
        {
            if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}')
            {
              document.{topics_list_box.FORMNAME}.elements[i].checked = document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked;
            }
        }
      }

      </script>
  <!-- END multi_selection -->

  <div class="forumbg announcement">
      <ul class="topiclist topics bg_none">
<!-- END header_table -->

<!-- BEGIN header_row -->
      <strong>{topics_list_box.row.L_TITLE}</strong>
<!-- END header_row -->

<!-- BEGIN topic -->

  <!-- BEGIN table_sticky -->
        </ul>
      </div>
      <div class="forumbg">
      <ul class="topiclist topics bg_none">
  <!-- END table_sticky -->

      <li data-status="{topics_list_box.row.TOPIC_FOLDER_IMG}" class="fa-topicrow row {topics_list_box.row.ROW_ALT_CLASS}"<!-- BEGIN line_sticky --> style="margin-top:5px;"<!-- END line_sticky --> >   
        <div class="fa-topicrow-top" {topics_list_box.row.ICON}>
          <div class="fa-entry-topicrow">
            <h2 class="fa-topicrow-title">
              <a class="topictitle" href="{topics_list_box.row.U_VIEW_TOPIC}">
                {topics_list_box.row.TOPIC_TITLE}
              </a>
            </h2>
            <div class="fa-topicrow-description">{topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}</div>
            <div class="fa-topicrow-author"><i class="fa fa-user"></i> Postado por: {topics_list_box.row.TOPIC_AUTHOR}</div>
            <div class="fa-topicrow-pagination">
              {topics_list_box.row.GOTO_PAGE_NEW}
              <!-- BEGIN nav_tree -->
                {topics_list_box.row.TOPIC_NAV_TREE_NEW}
              <!-- END nav_tree -->
            </div>
          </div>
          <div class="fa-topicrow-lastpost">
            <span class="fa-topicrow-lastpost-avatar">
              {topics_list_box.row.LAST_POST_IMG}
            </span>
            <span class="fa-topicrow-lastpost-time">
              <i class="fa fa-clock"></i> {topics_list_box.row.LAST_POST_TIME}
            </span>
            <span class="fa-topicrow-lastpost-user">
              <i class="fa fa-user"></i> {topics_list_box.row.LAST_POST_AUTHOR}
            </span>
          </div>
        </div>
        <div class="fa-topicrow-footer">
          <div class="messages"><i class="fa fa-comments"></i> {topics_list_box.row.REPLIES} Mensagens</div> ·
          <div class="messages"><i class="fa fa-eye"></i> {topics_list_box.row.VIEWS} Visualizações</div>
        </div>
      </li>
<!-- END topic -->
<!-- BEGIN no_topics -->
<li class="row row1">
  <div class="no-topics" align="center">Não há tópicos.</div>
</li>
<!-- END no_topics -->

<!-- BEGIN bottom -->
</ul>
</div>
<!-- END bottom -->
<!-- BEGIN spacer --><br /><!-- END spacer -->
<!-- END row -->
<!-- END topics_list_box -->

Feito

Adicione ao final de sua CSS:

Código:

.forumbg {
  background-color: transparent !important;
  background-image: none;
  border: none !important;
}

.forumbg.announcement {
  margin-bottom: 10px !important;
}

.fa-topicrow {
  padding: 10px;
  background-color: #fff;
  border: none !important;
  margin: 10px 0px !important;
  border-radius: 3px !important;
  box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.48);
}

.fa-topicrow-title a {
  font-size: 20px;
  margin: 10px 10px 16px 10px;
  font-family: "Segoe UI", "Helvetica Neue", "Ubuntu", "Helvetica", "Arial", sans-serif;
  font-weight: 400;
}

.fa-topicrow-author {
  margin: 0 10px;
}

Troque o template novamente por:

Código:

<!-- BEGIN topics_list_box -->
<!-- BEGIN row -->
<!-- BEGIN header_table -->
  <!-- BEGIN multi_selection -->
      <script type="text/javascript">

      function check_uncheck_main_{topics_list_box.row.header_table.BOX_ID}()
      {
        alert('MAIN');

        var all_checked = true;

        for (i = 0; (i < document.{topics_list_box.FORMNAME}.elements.length) && all_checked; i++)
        {
            if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}')
            {
              all_checked = document.{topics_list_box.FORMNAME}.elements[i].checked;
            }
        }

        document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked = all_checked;
      }

      function check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}()
      {
        alert('ALL');

        for (i = 0; i < document.{topics_list_box.FORMNAME}.length; i++)
        {
            if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}')
            {
              document.{topics_list_box.FORMNAME}.elements[i].checked = document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked;
            }
        }
      }

      </script>
  <!-- END multi_selection -->

  <div class="forumbg announcement">
      <ul class="topiclist topics bg_none">
<!-- END header_table -->

<!-- BEGIN header_row -->
      <strong>{topics_list_box.row.L_TITLE}</strong>
<!-- END header_row -->

<!-- BEGIN topic -->

  <!-- BEGIN table_sticky -->
        </ul>
      </div>
      <div class="forumbg">
      <ul class="topiclist topics bg_none">
  <!-- END table_sticky -->

      <li data-status="{topics_list_box.row.TOPIC_FOLDER_IMG}" class="fa-topicrow row {topics_list_box.row.ROW_ALT_CLASS}"<!-- BEGIN line_sticky --> style="margin-top:5px;"<!-- END line_sticky --> >   
        <div class="fa-topicrow-top" {topics_list_box.row.ICON}>
          <div class="fa-entry-topicrow">
            <h2 class="fa-topicrow-title">
              <a class="topictitle" href="{topics_list_box.row.U_VIEW_TOPIC}">
                {topics_list_box.row.TOPIC_TITLE}
              </a>
            </h2>
            <div class="fa-topicrow-description">{topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}</div>
            <div class="fa-topicrow-author"><i class="fa fa-user"></i> Postado por: {topics_list_box.row.TOPIC_AUTHOR}</div>
            <div class="fa-topicrow-pagination">
              {topics_list_box.row.GOTO_PAGE_NEW}
              <!-- BEGIN nav_tree -->
                {topics_list_box.row.TOPIC_NAV_TREE_NEW}
              <!-- END nav_tree -->
            </div>
          </div>
          <div class="fa-topicrow-lastpost">
            <span class="fa-topicrow-lastpost-avatar">
              <!-- BEGIN avatar -->
                      <span>{topics_list_box.row.topic.avatar.LAST_POST_AVATAR}</span>
                   <!-- END avatar -->
            </span>
            <span class="fa-topicrow-lastpost-time">
              <i class="fa fa-clock"></i> {topics_list_box.row.LAST_POST_TIME}
            </span>
            <span class="fa-topicrow-lastpost-user">
              <i class="fa fa-user"></i> {topics_list_box.row.LAST_POST_AUTHOR}
            </span>
          </div>
        </div>
        <div class="fa-topicrow-footer">
          <div class="messages"><i class="fa fa-comments"></i> {topics_list_box.row.REPLIES} Mensagens</div> ·
          <div class="messages"><i class="fa fa-eye"></i> {topics_list_box.row.VIEWS} Visualizações</div>
        </div>
      </li>
<!-- END topic -->
<!-- BEGIN no_topics -->
<li class="row row1">
  <div class="no-topics" align="center">Não há tópicos.</div>
</li>
<!-- END no_topics -->

<!-- BEGIN bottom -->
</ul>
</div>
<!-- END bottom -->
<!-- BEGIN spacer --><br /><!-- END spacer -->
<!-- END row -->
<!-- END topics_list_box -->

Feito.

Adicione mais ao seu CSS:

Código:

.fa-topicrow-top {
  background-repeat: no-repeat;
  display: flex;
  background-position-y: center;
  background-position-x: 65%;
}

.fa-topicrow-top > .fa-entry-topicrow {
  flex-grow: 1;
}

.fa-topicrow-lastpost .fa-topicrow-lastpost-avatar span img {
  width: 40px;
  height: 40px;
  border-radius: 100px;
  margin-bottom: 7px;
  box-shadow: 0 0 7px rgba(25, 25, 25, 0.95);
}

.fa-topicrow-lastpost {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-right: 45px;
  padding-top: 10px;
  line-height: 18px;
}

.fa-topicrow-footer {
  display: flex;
  margin-left: 10px;
}

.fa-topicrow-footer .messages {
  margin-right: 5px;
}

.fa-topicrow-footer .messages + .messages {
  margin-left: 5px;
}

Continuando após os anteriores.

O resultado será:
-> http://prntscr.com/gwat0c

Só não deixa ninguém copiar, hein? u_u"

Luiz escreveu:
Só não deixa ninguém copiar, hein? u_u"

Car*** Borracha kkkkkkk ficou top mas não há como fazer isso infelizmente pois o código está disponível pra qualquer um aqui :/
A menos que você exclua o tópico hehe.
Valeu brô.

Era só uma brincadeira. :v