Visualização de tópicos

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

Atendido / 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
Usuário avançado

Masculino
Inscrito dia : 14/02/2017
Mensagens : 380
Pontos Ativos : 534

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

Atendido / 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!


Visualização de tópicos WpZJdpr
Bem-vindo(a) ao Fórum dos Fóruns Convidado!
Leia as Regras do Fórum dos Fóruns (FDF) e o Regulamento do setor de Suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Roevs

Roevs
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 10/02/2012
Mensagens : 6473
Pontos Ativos : 8301

https://www.sololevelingrpg.com/

Atendido / 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
Usuário avançado

Masculino
Inscrito dia : 14/02/2017
Mensagens : 380
Pontos Ativos : 534

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

Atendido / 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
Inscrito dia : 28/01/2019
Mensagens : 230
Pontos Ativos : 326

http://rullezfamily.forumeiros.com

Atendido / 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
Usuário avançado

Masculino
Inscrito dia : 14/02/2017
Mensagens : 380
Pontos Ativos : 534

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

Atendido / 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
Inscrito dia : 28/01/2019
Mensagens : 230
Pontos Ativos : 326

http://rullezfamily.forumeiros.com

Atendido / 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
Usuário avançado

Masculino
Inscrito dia : 14/02/2017
Mensagens : 380
Pontos Ativos : 534

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

Atendido / Resolvido Re: Visualização de tópicos

Mensagem por GustavoDM11 19.12.19 4:01

Up...
GustavoDM11

GustavoDM11
Usuário avançado

Masculino
Inscrito dia : 14/02/2017
Mensagens : 380
Pontos Ativos : 534

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

Atendido / Resolvido Re: Visualização de tópicos

Mensagem por GustavoDM11 20.12.19 13:59

Up....2
GustavoDM11

GustavoDM11
Usuário avançado

Masculino
Inscrito dia : 14/02/2017
Mensagens : 380
Pontos Ativos : 534

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

Atendido / Resolvido Re: Visualização de tópicos

Mensagem por GustavoDM11 21.12.19 14:00

Up...3
GustavoDM11

GustavoDM11
Usuário avançado

Masculino
Inscrito dia : 14/02/2017
Mensagens : 380
Pontos Ativos : 534

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

Atendido / Resolvido Re: Visualização de tópicos

Mensagem por GustavoDM11 22.12.19 15:09

up....4
GustavoDM11

GustavoDM11
Usuário avançado

Masculino
Inscrito dia : 14/02/2017
Mensagens : 380
Pontos Ativos : 534

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

Atendido / Resolvido Re: Visualização de tópicos

Mensagem por GustavoDM11 24.12.19 22:26

uP...5
GustavoDM11

GustavoDM11
Usuário avançado

Masculino
Inscrito dia : 14/02/2017
Mensagens : 380
Pontos Ativos : 534

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

Atendido / Resolvido Re: Visualização de tópicos

Mensagem por GustavoDM11 26.12.19 0:39

Up...6
GustavoDM11

GustavoDM11
Usuário avançado

Masculino
Inscrito dia : 14/02/2017
Mensagens : 380
Pontos Ativos : 534

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

Atendido / Resolvido Re: Visualização de tópicos

Mensagem por GustavoDM11 27.12.19 15:13

Up...7
GustavoDM11

GustavoDM11
Usuário avançado

Masculino
Inscrito dia : 14/02/2017
Mensagens : 380
Pontos Ativos : 534

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

Atendido / 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
Inscrito dia : 03/10/2009
Mensagens : 8130
Pontos Ativos : 12144

https://ajuda.forumeiros.com/

Atendido / 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
Usuário avançado

Masculino
Inscrito dia : 14/02/2017
Mensagens : 380
Pontos Ativos : 534

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

Atendido / 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
Inscrito dia : 03/10/2009
Mensagens : 8130
Pontos Ativos : 12144

https://ajuda.forumeiros.com/

Atendido / 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
Usuário avançado

Masculino
Inscrito dia : 14/02/2017
Mensagens : 380
Pontos Ativos : 534

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

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


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