Alinhamento Forum

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Alinhamento Forum

Mensagem por Nigrin em 23/04/18, 06:56 am

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!
avatar

Nigrin
Nível 6

Masculino
Inscrito dia : 20/04/2018
Mensagens : 70
Pontos Ativos : 111

Ver perfil do usuário http://ziperativo.forumeiros.com https://twitter.com/djnigrin https://twitter.com/djnigrin

Resolvido Re: Alinhamento Forum

Mensagem por Alex em 23/04/18, 07:07 am

Olá Nigrin.

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

Obrigado.
avatar

Alex
Usuário destaque

Masculino
Inscrito dia : 09/09/2016
Mensagens : 644
Pontos Ativos : 867

Ver perfil do usuário https://mundogoph.org/

Resolvido Re: Alinhamento Forum

Mensagem por Nigrin em 23/04/18, 07:12 am

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

Nigrin
Nível 6

Masculino
Inscrito dia : 20/04/2018
Mensagens : 70
Pontos Ativos : 111

Ver perfil do usuário http://ziperativo.forumeiros.com https://twitter.com/djnigrin https://twitter.com/djnigrin

Resolvido Re: Alinhamento Forum

Mensagem por Alex em 23/04/18, 07:15 am

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.
avatar

Alex
Usuário destaque

Masculino
Inscrito dia : 09/09/2016
Mensagens : 644
Pontos Ativos : 867

Ver perfil do usuário https://mundogoph.org/

Resolvido Re: Alinhamento Forum

Mensagem por Nigrin em 23/04/18, 07:23 am

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

Nigrin
Nível 6

Masculino
Inscrito dia : 20/04/2018
Mensagens : 70
Pontos Ativos : 111

Ver perfil do usuário http://ziperativo.forumeiros.com https://twitter.com/djnigrin https://twitter.com/djnigrin

Resolvido Re: Alinhamento Forum

Mensagem por Alex em 23/04/18, 07:27 am

Certo.

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

Obrigado.
avatar

Alex
Usuário destaque

Masculino
Inscrito dia : 09/09/2016
Mensagens : 644
Pontos Ativos : 867

Ver perfil do usuário https://mundogoph.org/

Resolvido Re: Alinhamento Forum

Mensagem por Nigrin em 23/04/18, 07:40 am

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 -->
avatar

Nigrin
Nível 6

Masculino
Inscrito dia : 20/04/2018
Mensagens : 70
Pontos Ativos : 111

Ver perfil do usuário http://ziperativo.forumeiros.com https://twitter.com/djnigrin https://twitter.com/djnigrin

Resolvido Re: Alinhamento Forum

Mensagem por Alex em 23/04/18, 07:56 am

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.
avatar

Alex
Usuário destaque

Masculino
Inscrito dia : 09/09/2016
Mensagens : 644
Pontos Ativos : 867

Ver perfil do usuário https://mundogoph.org/

Resolvido Re: Alinhamento Forum

Mensagem por Nigrin em 23/04/18, 08:02 am

avatar

Nigrin
Nível 6

Masculino
Inscrito dia : 20/04/2018
Mensagens : 70
Pontos Ativos : 111

Ver perfil do usuário http://ziperativo.forumeiros.com https://twitter.com/djnigrin https://twitter.com/djnigrin

Resolvido Re: Alinhamento Forum

Mensagem por Alex em 23/04/18, 09:23 am

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.
avatar

Alex
Usuário destaque

Masculino
Inscrito dia : 09/09/2016
Mensagens : 644
Pontos Ativos : 867

Ver perfil do usuário https://mundogoph.org/

Resolvido Re: Alinhamento Forum

Mensagem por Nigrin em 23/04/18, 09:29 am

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

Nigrin
Nível 6

Masculino
Inscrito dia : 20/04/2018
Mensagens : 70
Pontos Ativos : 111

Ver perfil do usuário http://ziperativo.forumeiros.com https://twitter.com/djnigrin https://twitter.com/djnigrin

Resolvido Re: Alinhamento Forum

Mensagem por Alex em 23/04/18, 09:31 am

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.
avatar

Alex
Usuário destaque

Masculino
Inscrito dia : 09/09/2016
Mensagens : 644
Pontos Ativos : 867

Ver perfil do usuário https://mundogoph.org/

Resolvido Re: Alinhamento Forum

Mensagem por Nigrin em 23/04/18, 09:43 am

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

É por aí.
avatar

Nigrin
Nível 6

Masculino
Inscrito dia : 20/04/2018
Mensagens : 70
Pontos Ativos : 111

Ver perfil do usuário http://ziperativo.forumeiros.com https://twitter.com/djnigrin https://twitter.com/djnigrin

Resolvido Re: Alinhamento Forum

Mensagem por Alex em 23/04/18, 09:46 am

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.
avatar

Alex
Usuário destaque

Masculino
Inscrito dia : 09/09/2016
Mensagens : 644
Pontos Ativos : 867

Ver perfil do usuário https://mundogoph.org/

Resolvido Re: Alinhamento Forum

Mensagem por Nigrin em 23/04/18, 09:49 am

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

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

Nigrin
Nível 6

Masculino
Inscrito dia : 20/04/2018
Mensagens : 70
Pontos Ativos : 111

Ver perfil do usuário http://ziperativo.forumeiros.com https://twitter.com/djnigrin https://twitter.com/djnigrin

Resolvido Re: Alinhamento Forum

Mensagem por Alex em 23/04/18, 09:54 am

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.
avatar

Alex
Usuário destaque

Masculino
Inscrito dia : 09/09/2016
Mensagens : 644
Pontos Ativos : 867

Ver perfil do usuário https://mundogoph.org/

Resolvido Re: Alinhamento Forum

Mensagem por Nigrin em 23/04/18, 09:56 am

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

Nigrin
Nível 6

Masculino
Inscrito dia : 20/04/2018
Mensagens : 70
Pontos Ativos : 111

Ver perfil do usuário http://ziperativo.forumeiros.com https://twitter.com/djnigrin https://twitter.com/djnigrin

Resolvido Re: Alinhamento Forum

Mensagem por Alex em 23/04/18, 09:59 am

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?
avatar

Alex
Usuário destaque

Masculino
Inscrito dia : 09/09/2016
Mensagens : 644
Pontos Ativos : 867

Ver perfil do usuário https://mundogoph.org/

Resolvido Re: Alinhamento Forum

Mensagem por Nigrin em 23/04/18, 10:00 am

Muito Obrigado!
avatar

Nigrin
Nível 6

Masculino
Inscrito dia : 20/04/2018
Mensagens : 70
Pontos Ativos : 111

Ver perfil do usuário http://ziperativo.forumeiros.com https://twitter.com/djnigrin https://twitter.com/djnigrin

Resolvido Re: Alinhamento Forum

Mensagem por Alex em 23/04/18, 10:01 am

Tópico resolvido


Movido para "Questões resolvidas".
avatar

Alex
Usuário destaque

Masculino
Inscrito dia : 09/09/2016
Mensagens : 644
Pontos Ativos : 867

Ver perfil do usuário https://mundogoph.org/

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


Permissão deste fórum:
Você não pode responder aos tópicos neste fórum