Organizar tópicos

Minha questão:

Olá, queria organizar meu fórum na parte dos tópicos e deixar assim tipo a bs: [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

O meu esta assim atualmente: [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

topics_list_box:

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">
          <tbody class="statused">
            <thead><tr><th class="tcl">Tópicos</th><th class="tc2"></th><th class="tc3"></th><th class="tcr">Última Mensagem</th></tr></thead>
    <!-- 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>

      <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">
          <tbody class="statused">
<thead><tr><th class="tcl">Tópicos</th><th class="tc2"></th><th class="tc3"></th><th class="tcr">Última Mensagem</th></tr></thead>
      <!-- END table_sticky -->
            <td class="tcl tdtopics <!-- BEGIN line_sticky --> sticky-separator <!-- END line_sticky -->">
                                    <span class="stats">
                  <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}" />
                </span>
                <!-- 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 -->
                {topics_list_box.row.ICON}
                {topics_list_box.row.NEWEST_POST_IMG}
                {topics_list_box.row.PARTICIPATE_POST_IMG}
                {topics_list_box.row.TOPIC_TYPE}
                <h2 class="topic-title"><a class="topictitle" href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a></h2>
                {topics_list_box.row.GOTO_OPEN} {topics_list_box.row.GOTO_PAGE_NEW} {topics_list_box.row.GOTO_CLOSE}
                    {topics_list_box.row.L_BY} {topics_list_box.row.TOPIC_AUTHOR}, {topics_list_box.row.FIRST_POST_TIME}
                <!-- BEGIN switch_description -->
                <br />
                {topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}
                <!-- END switch_description -->
            </td>
                      <td class="tc2"></td>
                      <td class="tc3 <!-- BEGIN line_sticky --> sticky-separator <!-- END line_sticky -->">{topics_list_box.row.REPLIES} respostas<br />{topics_list_box.row.VIEWS} visualizações</td>
                      <td class="tcr <!-- BEGIN line_sticky --> sticky-separator <!-- END line_sticky -->">{topics_list_box.row.L_BY} {topics_list_box.row.LAST_POST_AUTHOR}<br />{topics_list_box.row.LAST_POST_TIME} {topics_list_box.row.LAST_POST_IMG}</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> {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 -->

---

Endereço do meu fórum:
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Versão:
PunBB

O que você quer organizar? Posição de algum elemento? Ou quer alterar as cores?


Até!

Deixar exatamente igual aqui, só que preto.
nos tópicos um abaixo do outro é como se cada um tivesse um cor uma mais clara  e outra mais escura.
E os espaços tambem de um para o outro, se possível deixa o código para alargar o fórum para a esquerda <
Obrigado ! :3

Up up up up ~~

UP ~~~~~~~~~~~~

Josh escreveu:UP ~~~~~~~~~~~~

Up.

Adicione ao CSS:

Código:


.pun table.table tr:nth-child(odd) {background: #f7f7f7;}
.pun table.table tr:nth-child(even) {background: #f2f2f2;}


O primeiro é a cor primaria o segundo é a cor secundaria!

Thanks Deew +rep

Opa deu um bugzinho agora, http://prntscr.com/3iyhh0

Josh escreveu:Opa deu um bugzinho agora, http://prntscr.com/3iyhh0

up

Procure por [codebox].pun tbody.statused span.status img[/codebox] em sua folha de estilo css, ao achar, aparecer um código assim:

Código:


.pun tbody.statused span.status img {
margin-left: -17px;
margin-top: 4px;
}


Retire a linha [codebox]margin-left: -17px;[/codebox] e salve.
Resultado - [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Até.

Não resultou http://prntscr.com/3jt1ev

Troque o CSS do Sherlock por este:

Código:


    .pun tbody.statused span.status img {
    margin-left: 0!important;
    margin-top: 4px;
    }


Até Mais!

Perfeito, podem encerrar o tópico <3

[sucesso=Tópico Resolvido; e Bloqueado][/sucesso]Movido para: Arquivo - Pedido de código