Organizar Categorias

Detalhes da questão

Endereço do fórum: http://digimonxd.forumeiros.com/
Versão do fórum: PunBB

Descrição

Seria possivel organizar desta forma?
o meu está assim

up

O template deste fórum não é Forumeiros. O avatar do autor não pode ser exibido no título de cada tópico, sem a utilização de script. Essa requisição pode causar lentidão no fórum. Talvez possa até ser feito, mas, não garanto.

Qual seria a URL do fórum que tem este template?

Shek, ser for causar problemas para fórum não irei utilizar ^^;
mais desejo que fique normal por exemplo as imagens de fixo e anuncio estão fora de lugar

Olá!

No caso, seria apenas abaixar os ícones das mensagens, correto? Se for isso, basta aplicar este CSS em seu fórum

Código:

span.status img { margin-top: 10px !important; }

Não hesite em nos avisar caso ainda tenha dúvidas.

Até mais!

Olá [K]oke, tentei dar uma adaptada e cheguei nesse resultado:



Caso você gostou basta trocar seu topics_list_box 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}() {
         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}() {
         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="main-head">
      <!-- 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 -->
      <h1 class="page-title">{topics_list_box.row.L_TITLE} [{topics_list_box.row.COUNT_TOTAL_TOPICS}]</h1>
   </div>
                 
   <div class="main-content">
   <table cellspacing="0" class="table">
      <thead>

      </thead>
      <tbody class="statused">
<!-- END header_table -->

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

<!-- BEGIN topic -->
   <!-- BEGIN table_sticky -->
      </tbody>
   </table>
   </div>
<br>
   <div class="main-head">
      <!-- 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 -->
      <h2>{topics_list_box.row.topic.table_sticky.L_TITLE} [{topics_list_box.row.topic.table_sticky.COUNT_TOTAL_TOPICS}]</h2>
   </div>
   <div class="main-content">
   <table cellspacing="0" class="table">
      <thead>

      </thead>
      <tbody class="statused">
   <!-- END table_sticky -->
      <tr>
         <td class="tcl tdtopics <!-- BEGIN line_sticky --> sticky-separator <!-- END line_sticky -->">
            <!-- BEGIN single_selection -->
            <input type="radio" name="{topics_list_box.FIELDNAME}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} />&nbsp;
            <!-- END single_selection -->
                                <div class="LP_avatar">
                                <!-- BEGIN avatar -->
                                <span class="lastpost-avatar">{topics_list_box.row.topic.avatar.LAST_POST_AVATAR}</span>
                                <!-- END avatar -->
                                </div> 
                                <div class="LP_titulo">
            <h2 class="topic-title"><a class="topictitle" href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a></h2>&nbsp;
                                </div>
                                <div class="qtip">
                                <img title="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" src="{topics_list_box.row.TOPIC_FOLDER_IMG}" alt="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" /> 
                                {topics_list_box.row.ICON}&nbsp;
            {topics_list_box.row.NEWEST_POST_IMG}
            {topics_list_box.row.PARTICIPATE_POST_IMG}&nbsp;
                                </div>
                                <!-- BEGIN switch_description -->
                          <span class="descripcion">&nbsp;{topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}</span>
            <!-- END switch_description -->
                                <div id="LP_hr"></div>
                                <div class="LP_info">
            {topics_list_box.row.GOTO_OPEN} {topics_list_box.row.GOTO_PAGE_NEW} {topics_list_box.row.GOTO_CLOSE}&nbsp;
            {topics_list_box.row.LAST_POST_TIME}&nbsp; |&nbsp;Autor {topics_list_box.row.TOPIC_AUTHOR}&nbsp;|&nbsp;visitas <strong>{topics_list_box.row.VIEWS}</strong>&nbsp;|&nbsp;Comentarios <strong>{topics_list_box.row.REPLIES}</strong>
                                <div>
         </td>
         
         <!-- BEGIN multi_selection -->
         <td><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} /></td>
         <!-- END multi_selection -->
      </tr>
<!-- END topic -->
<!-- BEGIN no_topics -->
<tr>
   <td class="tcl" colspan="4"><strong>{topics_list_box.row.L_NO_TOPICS}</strong></td>
</tr>
<!-- END no_topics -->

<!-- BEGIN bottom -->
      </tbody>
   </table>
   </div>
   <div class="main-foot clearfix">
      <!-- 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 -->
      <p class="h2">{L_TOPICS} [{topics_list_box.row.bottom.COUNT_TOTAL_TOPICS}]</p>
      <p class="options">
         <a href="{U_MARK_READ}">{L_MARK_TOPICS_READ}</a>&nbsp;{S_WATCH_FORUM}&nbsp;<a href="#top">{L_BACK_TO_TOP}</a>
      </p>
   </div>
<!-- END bottom -->
<!-- BEGIN spacer --><br /><!-- END spacer -->
<!-- END row -->
<!-- END topics_list_box -->
         
          <style>
            .qtip img {display:none;}
            .LP_info {
    color: #8B8B8B;
    display: inherit;
    font-size: 11px;
    margin-bottom: 5px;
    margin-left: 78px;
}
            #LP_hr {
    border-bottom: 1px dashed #E6E6E6;
    border-top: 1px dashed #FFF;
    margin: 5px 10px;
    overflow: hidden;
}
            .pun table.table td {
    background: none repeat scroll 0 0 #EFEFEF;
    border-bottom: 1px solid #D6D6D6!important;
    border-top: 1px solid #D6D6D6!important;
}
            .LP_titulo {
    display: inherit;
    font-family: Helvetica,Arial,sans-serif;
    font-size: 15px;
    margin-left: 80px;
    overflow: hidden;
}
            .pun tbody.statused td.tcl {
    padding-left: 5px;
}
            .pun table td.tcl {
    border-left-style: none;
    border-left-width: 0;
    height: 0;
    min-height: 24px;
    padding-left: .5em;
    vertical-align: top;
}
            .pun table .tcl {
    overflow: hidden;
    text-align: left;
    width: 50%;
}
            .lastpost-avatar img {
    background-color: #fff;
    border: 2px solid #fff;
    border-radius: 2px;
    box-shadow: 0 0 2px #797979;
    height: 50px;
    margin-right: 5px;
    width: 50px;
}
            .lastpost-avatar {
    float: left;
    padding: 2px;
}
          </style>

Nenhuma alteração Shek

eu agradeço while mais não utilizarei, como shek disse não é suporte forumeiros.
imagem que eu descrevi erá de um fórum XenForo

Certo amigo, para concertar faça o seguinte, adicione esse codigo css em sua folha de estilo:

NO INICIO da folha de estilo ok? bem no topo mesmo.

Código:

span.status img { margin-top: 10px !important; }

Ou, retire esse codigo da sua folha de estilo:

Código:

.pun tbody.statused span.status {margin-top: -12px;}


se optar em retirar o codigo, procure por isto:

Código:

.pun tbody.statused

e vai procurando até achar... e retire o codigo.

Perfeito!
Obrigado!