Alinhamento Forum

[Nigrin]

Detalhes da questão

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

Descrição

Bom dia!

Estou tendo muita dificuldade para alinhar o forum.

Gostaria que ficasse assim: http://prntscr.com/j8wy0e

Obrigado!

[Alex]

Olá Nigrin.

Poderia explicar a imagem por favor? Não consegui entender bem o que deseja.

Obrigado.

[Nigrin]

Eu gostaria de ter esse alinhamento:
http://prntscr.com/j8x6dm

[Alex]

Poderia me indicar o link do fórum que viu o efeito, por favor?

E também, no seu template mostra a quantidade de posts e respostas. Deseja só os posts, só as respostas, os dois, um em cima do outro ou lado a lado?

Preciso que explique detalhadamente o que deseja para conseguir entender e o ajudar realmente.

Obrigado.

[Nigrin]

Desejo mostrar só post, queria seguir esse mesmo padrão: http://www.bcharts.net/

[Alex]

Certo.

Preciso que me passe o seu template index_box e a sua folha de estilo CSS, por favor.

Obrigado.

[Nigrin]

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">
            <tbody class="statused">
   <!-- END tablehead -->

   <!-- BEGIN forumrow -->
               <tr>
                                                <td class="tc_icon">
                     <span class="status">
                        <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
                     </span>
                                                </td>
                  <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}>
                     <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 -->
                     {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
                     <strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}
                  </td>
                                          <td class="tc3"><strong>{catrow.forumrow.TOPICS}</strong> tópicos<br /><strong>{catrow.forumrow.POSTS}</strong> respostas</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 -->

[Alex]

Altere para este:

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">
            <tbody class="statused">
  <!-- END tablehead -->
 
  <!-- BEGIN forumrow -->
              <tr>
                                                <td class="tc_icon">
                    <span class="status">
                        <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
                    </span>
                                                </td>
                  <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}>
                    {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 -->
                    {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
                    <strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}
                  </td>
                  <td class="tc3"><strong>{catrow.forumrow.TOPICS}</strong><br/>posts</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 -->

Salve e publique.

Também preciso da sua folha de estilo CSS, por favor.

[Nigrin]

Publiquei

Meu CSS ta enorme

https://docs.google.com/document/d/1fBPR5q2YTJ0h00ROP97-Fm6OzktmF9DTtmQwqEBlKe4/edit?usp=sharing

[Alex]

Olá.

Substitua todo o seu CSS por este: https://pastebin.com/DrNcXys3 e valide de seguida.

É o que mais perto que consigo fazer.

NOTA: o código expira dentro de 1 dia. Sugiro que copie o mais depressa possível.

[Nigrin]

Feito, mas ainda n esta alinhadinho, quase lá.

[Alex]

Poderia indicar onde falta alinhar? Assim posso lhe indicar onde está o código na folha de estilos, assim você mesmo alinha do jeito que quiser.

[Nigrin]

Olha essa arrumação, repare como estão bem alinhados.
http://prntscr.com/j8z9o4
http://npsamp.com.br

É por aí.

[Alex]

Para mim os seus sub-fóruns estão tão bem alinhados como esse exemplo. Não se esqueça que a a aparência varia da resolução das telas que os seus usuários têm.

Me explique com um print do seu fórum onde não está bem alinhado para eu conseguir entender, por favor.

[Nigrin]

Acho q podemos afastar só um pouco.
http://prntscr.com/j8zd5u

Essa parte pode melhorar tb.
http://prntscr.com/j8ze4q

[Alex]

Na sua folha de estilo CSS, procure por: .pun table.table td.tc3

Quando encontrar, vai ver esta linha: text-align: right;
Basta apagar e validar que o que deseja já vai ficar centrado.

[Nigrin]

Eu fiz, mas essa parte ainda ta desalinhada.
http://prntscr.com/j8ze4q

[Alex]

Essa parte ficará para outro tópico pois é outro template. Aqui só pediu para mexer com os fóruns no índice.

Deduzo que a questão esteja sanada, certo?

[Nigrin]

Muito Obrigado!

[Alex]

Tópico resolvido Movido para "Questões resolvidas".