Marcar cor da categoria por ícone

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

Atendido / Resolvido Marcar cor da categoria por ícone

Mensagem por iScroll em 18.10.17 19:56

Detalhes da questão


Endereço do fórum: http://www.brasilplayultimate.com.br
Versão do fórum: ModernBB

Descrição


Lembro de ter o código para PunBB, mas não resulta no ModerNBB (Pelo menos não encontrei de volta para testar).

Vamos lá, gostaria desse efeito: http://prntscr.com/gz2c4h para as imagens de recusado, resolvido e em curso do meu fórum, sendo as cores padrões daqui.
iScroll

iScroll
Membro do Fórum

Masculino
Inscrito dia : 08/03/2015
Mensagens : 1700
Pontos Ativos : 2308

http://ultimatelife.forumeiros.com

Atendido / Resolvido Re: Marcar cor da categoria por ícone

Mensagem por Luiz em 18.10.17 20:03

Precisarei do seu topics_list_box.
Luiz

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 23/04/2016
Mensagens : 6631
Pontos Ativos : 7529

https://luizfelipe.dev

Atendido / Resolvido Re: Marcar cor da categoria por ícone

Mensagem por iScroll em 18.10.17 20:09

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 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 bg_none">
  <!-- END table_sticky -->
 
      <li data-status="{topics_list_box.row.TOPIC_FOLDER_IMG}" class="fa-topicrow row {topics_list_box.row.ROW_ALT_CLASS}"<!-- BEGIN line_sticky --> style="margin-top:5px;"<!-- END line_sticky --> >   
        <div class="fa-topicrow-top" {topics_list_box.row.ICON}>
          <div class="fa-entry-topicrow">
            <h2 class="fa-topicrow-title">
              <a class="topictitle" href="{topics_list_box.row.U_VIEW_TOPIC}">
                {topics_list_box.row.TOPIC_TITLE}
              </a>
            </h2>
            <div class="fa-topicrow-description">{topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}</div>
            <div class="fa-topicrow-author"><i class="fa fa-user"></i> Postado por: {topics_list_box.row.TOPIC_AUTHOR}</div>
            <div class="fa-topicrow-pagination">
              {topics_list_box.row.GOTO_PAGE_NEW}
              <!-- BEGIN nav_tree -->
                {topics_list_box.row.TOPIC_NAV_TREE_NEW}
              <!-- END nav_tree -->
            </div>
          </div>
          <div class="fa-topicrow-lastpost">
            <span class="fa-topicrow-lastpost-avatar">
              <!-- BEGIN avatar -->
                      <span>{topics_list_box.row.topic.avatar.LAST_POST_AVATAR}</span>
                  <!-- END avatar -->
            </span>
            <span class="fa-topicrow-lastpost-time">
              <i class="fa fa-clock"></i> {topics_list_box.row.LAST_POST_TIME}
            </span>
            <span class="fa-topicrow-lastpost-user">
              <i class="fa fa-user"></i> {topics_list_box.row.LAST_POST_AUTHOR}
            </span>
          </div>
        </div>
        <div class="fa-topicrow-footer">
          <div class="messages"><i class="fa fa-comments"></i> {topics_list_box.row.REPLIES} Mensagens</div> ·
          <div class="messages"><i class="fa fa-eye"></i> {topics_list_box.row.VIEWS} Visualizações</div>
        </div>
      </li>
<!-- END topic -->
<!-- BEGIN no_topics -->
<li class="row row1">
  <div class="no-topics" align="center">Não há tópicos.</div>
</li>
<!-- END no_topics -->
 
<!-- BEGIN bottom -->
</ul>
</div>
<!-- END bottom -->
<!-- BEGIN spacer --><br /><!-- END spacer -->
<!-- END row -->
<!-- END topics_list_box -->
iScroll

iScroll
Membro do Fórum

Masculino
Inscrito dia : 08/03/2015
Mensagens : 1700
Pontos Ativos : 2308

http://ultimatelife.forumeiros.com

Atendido / Resolvido Re: Marcar cor da categoria por ícone

Mensagem por Luiz em 18.10.17 20:11

Troque-o por:
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 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 bg_none">
  <!-- END table_sticky -->
 
      <li data-status="{topics_list_box.row.TOPIC_FOLDER_IMG}" class="fa-topicrow row {topics_list_box.row.ROW_ALT_CLASS}"<!-- BEGIN line_sticky --> style="margin-top:5px;"<!-- END line_sticky --> >   
        <div class="fa-topicrow-top" data-message-icon="{topics_list_box.row.ICON}" {topics_list_box.row.ICON}>
          <div class="fa-entry-topicrow">
            <h2 class="fa-topicrow-title">
              <a class="topictitle" href="{topics_list_box.row.U_VIEW_TOPIC}">
                {topics_list_box.row.TOPIC_TITLE}
              </a>
            </h2>
            <div class="fa-topicrow-description">{topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}</div>
            <div class="fa-topicrow-author"><i class="fa fa-user"></i> Postado por: {topics_list_box.row.TOPIC_AUTHOR}</div>
            <div class="fa-topicrow-pagination">
              {topics_list_box.row.GOTO_PAGE_NEW}
              <!-- BEGIN nav_tree -->
                {topics_list_box.row.TOPIC_NAV_TREE_NEW}
              <!-- END nav_tree -->
            </div>
          </div>
          <div class="fa-topicrow-lastpost">
            <span class="fa-topicrow-lastpost-avatar">
              <!-- BEGIN avatar -->
                      <span>{topics_list_box.row.topic.avatar.LAST_POST_AVATAR}</span>
                  <!-- END avatar -->
            </span>
            <span class="fa-topicrow-lastpost-time">
              <i class="fa fa-clock"></i> {topics_list_box.row.LAST_POST_TIME}
            </span>
            <span class="fa-topicrow-lastpost-user">
              <i class="fa fa-user"></i> {topics_list_box.row.LAST_POST_AUTHOR}
            </span>
          </div>
        </div>
        <div class="fa-topicrow-footer">
          <div class="messages"><i class="fa fa-comments"></i> {topics_list_box.row.REPLIES} Mensagens</div> ·
          <div class="messages"><i class="fa fa-eye"></i> {topics_list_box.row.VIEWS} Visualizações</div>
        </div>
      </li>
<!-- END topic -->
<!-- BEGIN no_topics -->
<li class="row row1">
  <div class="no-topics" align="center">Não há tópicos.</div>
</li>
<!-- END no_topics -->
 
<!-- BEGIN bottom -->
</ul>
</div>
<!-- END bottom -->
<!-- BEGIN spacer --><br /><!-- END spacer -->
<!-- END row -->
<!-- END topics_list_box -->

E me mande um fórum com tópicos em que seja possível visualizar os ícones. o/
Luiz

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 23/04/2016
Mensagens : 6631
Pontos Ativos : 7529

https://luizfelipe.dev

Atendido / Resolvido Re: Marcar cor da categoria por ícone

Mensagem por iScroll em 18.10.17 20:12

iScroll

iScroll
Membro do Fórum

Masculino
Inscrito dia : 08/03/2015
Mensagens : 1700
Pontos Ativos : 2308

http://ultimatelife.forumeiros.com
  • 0

Atendido / Resolvido Re: Marcar cor da categoria por ícone

Mensagem por Luiz em 18.10.17 20:37

Crie um novo JS investido nos tópicos:
Código:
(function ($) {
  'use strict';

  var icons = [
    { url: 'http://i.imgur.com/9UzQk4M.png', background: 'rgba(136, 187, 85, 0.30)' },
    { url: 'http://i.imgur.com/9UzQk4M.png', background: 'rgba(136, 187, 85, 0.30)' } // ...
  ];

  $(function () {
    $('.fa-topicrow-top').each(function () {
      var $this = $(this);

      if (!$this.attr('style')) {
        return;
      }

      var $parent = $this.parent();

      $.each(icons, function () {
        var self = this;

        var _icon = $this.attr('style').match(/url\((.+)\)/);
        if (_icon.indexOf(self.url) === -1) {
          return;
        }

        $parent
          .css('background-image', 'none')
          .css('background-color', self.background)
        ;
      });
    });
  });
}(jQuery));

Luiz

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 23/04/2016
Mensagens : 6631
Pontos Ativos : 7529

https://luizfelipe.dev

Atendido / Resolvido Re: Marcar cor da categoria por ícone

Mensagem por iScroll em 18.10.17 20:55

Resultou valeu.
Feliz
iScroll

iScroll
Membro do Fórum

Masculino
Inscrito dia : 08/03/2015
Mensagens : 1700
Pontos Ativos : 2308

http://ultimatelife.forumeiros.com

Atendido / Resolvido Re: Marcar cor da categoria por ícone

Mensagem por Luiz em 18.10.17 21:09

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.
Luiz

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 23/04/2016
Mensagens : 6631
Pontos Ativos : 7529

https://luizfelipe.dev

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