Visualização de tópicos

4 participantes

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

Tópico resolvido Visualização de tópicos

Mensagem por GustavoDM11 17.12.19 12:17

Detalhes da questão


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

Descrição


Olá, Bom dia, gostaria de saber como faço pra deixar a visualização de um tópico desse jeito: https://i.servimg.com/u/f70/19/64/11/14/img_2019.jpg , Não precisa colocar cores nas visualizações deles, pode ser brando padrão mesmo...
O meu está desse jeito : https://i.servimg.com/u/f70/19/64/11/14/img_2018.jpg

Aguardo respostas...
GustavoDM11

GustavoDM11
Membro avançado

Masculino
Membro desde : 14/02/2017
Mensagens : 380
Pontos ativos : 534

https://ajuda.forumeiros.com/register?agreed=true&step=2

Ir para o topo Ir para baixo

Principal contribuidor

Tópico resolvido Re: Visualização de tópicos

Mensagem por Roevs 17.12.19 12:50

Olá,

Poderia disponibilizar o seu template "topics_list_box".

Até mais!
Roevs

Roevs
Principal contribuidor
Principal contribuidor

Masculino
Membro desde : 10/02/2012
Mensagens : 6475
Pontos ativos : 8311

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Visualização de tópicos

Mensagem por GustavoDM11 17.12.19 12:52

Olá,

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

Aguardo respostas..
GustavoDM11

GustavoDM11
Membro avançado

Masculino
Membro desde : 14/02/2017
Mensagens : 380
Pontos ativos : 534

https://ajuda.forumeiros.com/register?agreed=true&step=2

Ir para o topo Ir para baixo

Tópico resolvido Re: Visualização de tópicos

Mensagem por zKayke 17.12.19 13:16

Olá, veja este Topico!
zKayke

zKayke
Nível 9

Masculino
Membro desde : 28/01/2019
Mensagens : 231
Pontos ativos : 326

http://redeparadox.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Visualização de tópicos

Mensagem por GustavoDM11 17.12.19 13:18

Olhei este ai mesmo amigo, só que não deu resultado, ficou foi bugado demais...

aguardo respostas....
GustavoDM11

GustavoDM11
Membro avançado

Masculino
Membro desde : 14/02/2017
Mensagens : 380
Pontos ativos : 534

https://ajuda.forumeiros.com/register?agreed=true&step=2

Ir para o topo Ir para baixo

Tópico resolvido Re: Visualização de tópicos

Mensagem por zKayke 17.12.19 13:37

GustavoDM11 escreveu:Olhei este ai mesmo amigo, só que não deu resultado, ficou foi bugado demais...

aguardo respostas....

Eu usei esse e deu mesml efeito da screenshot  Muito feliz
zKayke

zKayke
Nível 9

Masculino
Membro desde : 28/01/2019
Mensagens : 231
Pontos ativos : 326

http://redeparadox.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Visualização de tópicos

Mensagem por GustavoDM11 17.12.19 17:00

GustavoDM11 escreveu:Olhei este ai mesmo amigo, só que não deu resultado, ficou foi bugado demais...

aguardo respostas....

Corrigindo, fiz com mais calma dessa vez deu certo... Só que ficou uma parte errada ainda...
Segue a print: https://i.servimg.com/u/f70/19/64/11/14/img_2021.jpg

Teria como arredondar o avatar e arredar as informações para o lado direito igual a print abaixo: https://i.servimg.com/u/f70/19/64/11/14/img_2019.jpg

Só falta isso... Aguardo respostas...
GustavoDM11

GustavoDM11
Membro avançado

Masculino
Membro desde : 14/02/2017
Mensagens : 380
Pontos ativos : 534

https://ajuda.forumeiros.com/register?agreed=true&step=2

Ir para o topo Ir para baixo

Tópico resolvido Re: Visualização de tópicos

Mensagem por GustavoDM11 19.12.19 4:01

Up...
GustavoDM11

GustavoDM11
Membro avançado

Masculino
Membro desde : 14/02/2017
Mensagens : 380
Pontos ativos : 534

https://ajuda.forumeiros.com/register?agreed=true&step=2

Ir para o topo Ir para baixo

Tópico resolvido Re: Visualização de tópicos

Mensagem por GustavoDM11 20.12.19 13:59

Up....2
GustavoDM11

GustavoDM11
Membro avançado

Masculino
Membro desde : 14/02/2017
Mensagens : 380
Pontos ativos : 534

https://ajuda.forumeiros.com/register?agreed=true&step=2

Ir para o topo Ir para baixo

Tópico resolvido Re: Visualização de tópicos

Mensagem por GustavoDM11 21.12.19 14:00

Up...3
GustavoDM11

GustavoDM11
Membro avançado

Masculino
Membro desde : 14/02/2017
Mensagens : 380
Pontos ativos : 534

https://ajuda.forumeiros.com/register?agreed=true&step=2

Ir para o topo Ir para baixo

Tópico resolvido Re: Visualização de tópicos

Mensagem por GustavoDM11 22.12.19 15:09

up....4
GustavoDM11

GustavoDM11
Membro avançado

Masculino
Membro desde : 14/02/2017
Mensagens : 380
Pontos ativos : 534

https://ajuda.forumeiros.com/register?agreed=true&step=2

Ir para o topo Ir para baixo

Tópico resolvido Re: Visualização de tópicos

Mensagem por GustavoDM11 24.12.19 22:26

uP...5
GustavoDM11

GustavoDM11
Membro avançado

Masculino
Membro desde : 14/02/2017
Mensagens : 380
Pontos ativos : 534

https://ajuda.forumeiros.com/register?agreed=true&step=2

Ir para o topo Ir para baixo

Tópico resolvido Re: Visualização de tópicos

Mensagem por GustavoDM11 26.12.19 0:39

Up...6
GustavoDM11

GustavoDM11
Membro avançado

Masculino
Membro desde : 14/02/2017
Mensagens : 380
Pontos ativos : 534

https://ajuda.forumeiros.com/register?agreed=true&step=2

Ir para o topo Ir para baixo

Tópico resolvido Re: Visualização de tópicos

Mensagem por GustavoDM11 27.12.19 15:13

Up...7
GustavoDM11

GustavoDM11
Membro avançado

Masculino
Membro desde : 14/02/2017
Mensagens : 380
Pontos ativos : 534

https://ajuda.forumeiros.com/register?agreed=true&step=2

Ir para o topo Ir para baixo

Principal contribuidor

Tópico resolvido Re: Visualização de tópicos

Mensagem por Hancki 27.12.19 22:44

Olá!

Adicione este CSS:
Código:
dd.lastpost .subcategoria-lastpost-avatar img {
        margin: -30px 0px 0px -20px !important;
        position: absolute !important
}
.topic-title-container .subcategoria-top {
        background-position: 30% !important
}

O resultado deverá ser algo assim: http://prntscr.com/qgm652

Hancki
Hancki

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Membro desde : 03/10/2009
Mensagens : 8150
Pontos ativos : 12176

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Visualização de tópicos

Mensagem por GustavoDM11 27.12.19 23:54

Ao invés de ter ficado igual na print q você mostrou, ficou assim:
https://i.servimg.com/u/f70/19/64/11/14/img_2028.jpg

Aguardo respostas...
GustavoDM11

GustavoDM11
Membro avançado

Masculino
Membro desde : 14/02/2017
Mensagens : 380
Pontos ativos : 534

https://ajuda.forumeiros.com/register?agreed=true&step=2

Ir para o topo Ir para baixo

Principal contribuidor
  • 0

Tópico resolvido Re: Visualização de tópicos

Mensagem por Hancki 28.12.19 12:15

Olá!

Eu também referi que deveria ficar como no print, pois joguei com um valor que depende do tamanho da tela do usuário.
Experimente aumentar o valor 30% para outros e veja qual lhe agrada mais.

Hancki
Hancki

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Membro desde : 03/10/2009
Mensagens : 8150
Pontos ativos : 12176

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Visualização de tópicos

Mensagem por GustavoDM11 28.12.19 13:54

Celular que fica bugado mesmo, no PC ta certo, Obrigado, pode fechar o topico e marcar como resolvido!
GustavoDM11

GustavoDM11
Membro avançado

Masculino
Membro desde : 14/02/2017
Mensagens : 380
Pontos ativos : 534

https://ajuda.forumeiros.com/register?agreed=true&step=2

Ir para o topo Ir para baixo

Tópico resolvido Re: Visualização de tópicos

Mensagem por Convidado 28.12.19 14:08

Questão resolvida

Esta questão foi dada como resolvida pelo seu autor, e por esse motivo será marcada como resolvida e movida para o arquivo de questões resolvidas desta área.
Anonymous

Convidado
Convidado


Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos