Notificação de novas mensagens

3 participantes

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

Tópico resolvido Notificação de novas mensagens

Mensagem por IsmaelS. 12.10.17 23:10

Detalhes da questão


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

Descrição


Olá!

Eu queria algo como este exemplo que fiz:
Notificação de novas mensagens 210

Era colocar algo parecido como uma seta a sair das categorias que têm novas mensagens a dizer "Novo" e em verde, mas apenas nas categorias no inicio do fórum.
avatar

IsmaelS.
Hiper Membro

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

http://suporte-design.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Notificação de novas mensagens

Mensagem por Alex 13.10.17 8:52

Olá.

Podemos fazer isso, mas é mais fácil fazer isso com uma imagem. Peço que pesquise uma imagem e cole aqui.

Também precisaremos do seu index_box.

Obrigado.
Alex

Alex
Membro

Membro desde : 09/09/2016
Mensagens : 651
Pontos : 883

https://policiadop.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Notificação de novas mensagens

Mensagem por IsmaelS. 14.10.17 12:09

Aqui esta, pode testar com qualquer uma:
Código:
 
<div class="main">
<!-- BEGIN catrow -->
  <!-- BEGIN tablehead -->
      <div class="fa-catrow">
        <div class="fa-catrow-title">
            <div class="page-title">{catrow.tablehead.L_FORUM}</div>
        </div>
  <!-- END tablehead -->
 
  <!-- BEGIN forumrow -->
        <div class="fa-forumrow">
            <div class="fa-forumrow-main">
              <h{catrow.forumrow.LEVEL} class="hierarchy fa-forumrow-title">
                  <a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">
                    {catrow.forumrow.FORUM_NAME}
                  </a>
              </h{catrow.forumrow.LEVEL}>
              <div class="fa-forumrow-description">
                  {catrow.forumrow.FORUM_DESC}
              </div>
              <div class="fa-forumrow-meta">
                  <div class="fa-forumrow-topics">{catrow.forumrow.TOPICS} Tópicos</div>
                  <div class="fa-forumrow-posts">{catrow.forumrow.POSTS} Mensagens</div>
              </div>
            </div>
            <div class="fa-forumrow-image">
            </div>
            <div class="fa-forumrow-recent">
              <!-- BEGIN avatar -->
              <span class="lastpost-avatar fa-forumrow-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
              <!-- END avatar -->
              <!-- BEGIN switch_topic_title -->
              <div class="fa-forumrow-recent-topic">
                  <a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a>
              </div>
              <!-- END switch_topic_title -->
              <div class="fa-forumrow-recent-meta">
                  {catrow.forumrow.USER_LAST_POST}
              </div>
            </div>
        </div>
  <!-- END forumrow -->
 
  <!-- BEGIN tablefoot -->
        <script>
            (function($) {
              'use strict';
             
              $('.fa-forumrow').each(function() {
                  var $this = $(this);
                 
                  var $image = $this.find('.fa-forumrow-description > img[style]:first-child');
                 
                  if (!$image.length) {
                    return;
                  }
                 
                  $this.find('.fa-forumrow-image').css('background-image', 'url(' + $image.attr('src') + ')');
                 
                  $image.remove();
              });
            })(jQuery);
        </script>
      </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}" rel="nofollow">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
  </p>
  <!-- END switch_delete_cookies -->
</div>
<!-- END switch_on_index -->
avatar

IsmaelS.
Hiper Membro

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

http://suporte-design.forumeiros.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Notificação de novas mensagens

Mensagem por Luiz 16.10.17 17:20

Troque por este para que possamos prosseguir com os estilos:
Código:
<div class="main">
<!-- BEGIN catrow -->
  <!-- BEGIN tablehead -->
      <div class="fa-catrow">
        <div class="fa-catrow-title">
            <div class="page-title">{catrow.tablehead.L_FORUM}</div>
        </div>
  <!-- END tablehead -->
 
  <!-- BEGIN forumrow -->
        <div class="fa-forumrow" data-icon="{catrow.forumrow.FORUM_FOLDER_IMG}">
            <div class="fa-forumrow-main">
              <h{catrow.forumrow.LEVEL} class="hierarchy fa-forumrow-title">
                  <a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">
                    {catrow.forumrow.FORUM_NAME}
                  </a>
              </h{catrow.forumrow.LEVEL}>
              <div class="fa-forumrow-description">
                  {catrow.forumrow.FORUM_DESC}
              </div>
              <div class="fa-forumrow-meta">
                  <div class="fa-forumrow-topics">{catrow.forumrow.TOPICS} Tópicos</div>
                  <div class="fa-forumrow-posts">{catrow.forumrow.POSTS} Mensagens</div>
              </div>
            </div>
            <div class="fa-forumrow-image">
            </div>
            <div class="fa-forumrow-recent">
              <!-- BEGIN avatar -->
              <span class="lastpost-avatar fa-forumrow-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
              <!-- END avatar -->
              <!-- BEGIN switch_topic_title -->
              <div class="fa-forumrow-recent-topic">
                  <a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a>
              </div>
              <!-- END switch_topic_title -->
              <div class="fa-forumrow-recent-meta">
                  {catrow.forumrow.USER_LAST_POST}
              </div>
            </div>
        </div>
  <!-- END forumrow -->
 
  <!-- BEGIN tablefoot -->
        <script>
            (function($) {
              'use strict';
             
              $('.fa-forumrow').each(function() {
                  var $this = $(this);
                 
                  var $image = $this.find('.fa-forumrow-description > img[style]:first-child');
                 
                  if (!$image.length) {
                    return;
                  }
                 
                  $this.find('.fa-forumrow-image').css('background-image', 'url(' + $image.attr('src') + ')');
                 
                  $image.remove();
              });
            })(jQuery);
        </script>
      </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}" rel="nofollow">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
  </p>
  <!-- END switch_delete_cookies -->
</div>
<!-- END switch_on_index -->

Poste qualquer mensagem em um tópico visível aos membros também.
Luiz

Luiz
Membro Entusiasta
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Notificação de novas mensagens

Mensagem por IsmaelS. 17.10.17 13:18

Colocado e criei um tópico em Anuncios e Atualizações
avatar

IsmaelS.
Hiper Membro

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

http://suporte-design.forumeiros.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Notificação de novas mensagens

Mensagem por Luiz 18.10.17 16:50

Eu não consegui fazer pois não tinha a imagem daquele ícone.
Mas deixei uma bolinha verde como sinalização.

Adicione em sua Folha de Estilos:
Código:
.fa-forumrow {
  position: relative;
}

.fa-forumrow[data-icon="https://2img.net/i/fa/modernbb/forum_read.png"]::before {
  content: "";
  position: absolute;
  right: 15px;
  top: 15px;
  background-color: #75a545;
  width: 12px;
  height: 12px;
  border-radius: 20px;
}

o/
Luiz

Luiz
Membro Entusiasta
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Notificação de novas mensagens

Mensagem por IsmaelS. 18.10.17 23:02

Ela aparece mas depois ver o tópico ela continua lá.
avatar

IsmaelS.
Hiper Membro

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

http://suporte-design.forumeiros.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Notificação de novas mensagens

Mensagem por Luiz 18.10.17 23:18

Configure a sua página da gestão das imagens por:

E altere o CSS por:
Código:
.fa-forumrow {
  position: relative;
}
 
.fa-forumrow[data-icon="new"]::before {
  content: "";
  position: absolute;
  right: 15px;
  top: 15px;
  background-color: #75a545;
  width: 12px;
  height: 12px;
  border-radius: 20px;
}
Luiz

Luiz
Membro Entusiasta
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Notificação de novas mensagens

Mensagem por IsmaelS. 21.10.17 9:35

Fiz como pediu mas agora não aparece.
avatar

IsmaelS.
Hiper Membro

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

http://suporte-design.forumeiros.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Notificação de novas mensagens

Mensagem por Luiz 21.10.17 13:51

Poste uma nova mensagem em qualquer subfórum por gentileza? o/
Luiz

Luiz
Membro Entusiasta
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Notificação de novas mensagens

Mensagem por IsmaelS. 25.10.17 23:13

avatar

IsmaelS.
Hiper Membro

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

http://suporte-design.forumeiros.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Notificação de novas mensagens

Mensagem por Luiz 29.10.17 12:38

Questão abandonada pelo autor, mas considerada resolvida por ter solução para o problema.
Tópico marcado como Resolvido e movido para Questões resolvidas.
Luiz

Luiz
Membro Entusiasta
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

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