Sistema de notificações fora da barra de ferramentas

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

Atendido / Resolvido Sistema de notificações fora da barra de ferramentas

Mensagem por YanT em 08.01.19 10:10

Detalhes da questão


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

Descrição


Olá, eu queria adicionar um sistema de notificações fora da barra de ferramentas, eu tentei seguir o tutorial https://ajuda.forumeiros.com/t101062-tutorial-sistema-de-notificacoes, porém não funciona, no caso, apenas aparece um link no widget, talvez por causa da compatibilidade da versão do fórum. Teria como fazer algo parecido ao desse tutorial, porém compatível com ModernBB? Se não for possível, talvez algo no estilo da imagem abaixo?

Sistema de notificações fora da barra de ferramentas TSDkOyV
YanT

YanT
Nível 2

Masculino
Inscrito dia : 07/01/2019
Mensagens : 14
Pontos Ativos : 24

http://dblegendsbrasil.forumeiros.com/

Atendido / Resolvido Re: Sistema de notificações fora da barra de ferramentas

Mensagem por RafaelS. em 08.01.19 14:08

Olá!

Troque o Javascript do tutorial por este:
Código:
jQuery(document).ready(function(){
           
           var link1 = _userdata.user_id;
                $.get('/u'+link1+'stats', function(nome2){
                   var link2 = $(' a[href*="/st/"]',nome2).attr('href');
                  console.log(link2);
                $.get(link2, function(nome3){
                   jQuery('.topiclist .row .icon .dterm[title="Novas mensagens"]',nome3).each(function(){
 
            $('#popupnew').append($('.dterm[title="Novas mensagens"]', nome3).parents().find('.lastpost span a').html() +' postou no topico:<b>'+$('.dterm[title="Novas mensagens"]',nome3).find('.topic-title-container h2.topic-title').html()+'</b>');
            $('#popupnew').fadeIn('slow');
            });
           
                });
                });
            $('body').prepend('<div id="popupnew"></div>');
                });

Até mais. Feliz

Tópico movido de 'Questões sobre a aparência do fórum' para 'Questões sobre códigos'


Eu sou o RafaelS.,
Eu aconselho-lhe ler os seguintes tópicos:

Seta Para evitar ser punido é importante que leia  o regulamento geral do Fórum dos fóruns.
Seta Antes de criar o seu pedido de suporte certifique-se de ler o regulamento da seção de suporte.
Seta Quando for criar o seu tópico tente ser o mais específico possível, para que nós possámos entender!

"O importante não é vencer todos os dias, mas lutar sempre."
Sistema de notificações fora da barra de ferramentas XCPergr
Sistema de notificações fora da barra de ferramentas 6KeRsER
RafaelS.

RafaelS.
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 26/04/2014
Mensagens : 4862
Pontos Ativos : 5885

http://techmais.forumeiros.com/

Atendido / Resolvido Re: Sistema de notificações fora da barra de ferramentas

Mensagem por YanT em 08.01.19 14:26

@RafaelS. escreveu:Olá!

Troque o Javascript do tutorial por este:
Código:
jQuery(document).ready(function(){
            
        var link1 = _userdata.user_id;
                $.get('/u'+link1+'stats', function(nome2){
                 var link2 = $(' a[href*="/st/"]',nome2).attr('href');
                  console.log(link2);
                $.get(link2, function(nome3){
                 jQuery('.topiclist .row .icon .dterm[title="Novas mensagens"]',nome3).each(function(){
 
            $('#popupnew').append($('.dterm[title="Novas mensagens"]', nome3).parents().find('.lastpost span a').html() +' postou no topico:<b>'+$('.dterm[title="Novas mensagens"]',nome3).find('.topic-title-container h2.topic-title').html()+'</b>');
            $('#popupnew').fadeIn('slow');
            });
            
                });
                });
            $('body').prepend('<div id="popupnew"></div>');
                });

Até mais. Feliz

Tópico movido de 'Questões sobre a aparência do fórum' para 'Questões sobre códigos'




Ainda com o mesmo erro. Não sei o que está ocasionando tal, no caso, fica assim:
Sistema de notificações fora da barra de ferramentas YoFa30S



css
Código:
/**
* WhiteShadow Theme by pedxz to ModernBB
*/
@import url(https://fonts.googleapis.com/css?family=Roboto:300);
 body {
     text-shadow: 0 1px 1px rgba(0,0,0,0.2);
     font-family: "Roboto", sans-serif;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     font-weight: 300;
     font-style: normal;
}
 a {
     text-decoration: none;
     -webkit-tap-highlight-color: transparent;
}
 a, .post-content {
     text-shadow: none;
}
 h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
     font-weight: inherit;
}
 .h3, h3 {
     border-color: transparent;
}
 .headerbar {
     height: 250px;
}
 a#logo {
     display: none;
}
 div#headerbar-top {
     background-color: #2c353b;
     margin-top: 170px;
     background-attachment: fixed;
     background-position: center top;
}
 div#site-desc {
     top: 20%;
}
 .is-sticky {
     position: relative!important;
     background-color: #2c353b!important;
     margin-top: 170px;
     box-shadow: none!important;
     height: 81px!important;
     padding: 0!important;
}
 .is-sticky .navbar {
     text-align: left;
}
 .is-sticky .navbar li {
     margin: 25px 0 0;
}
 .navbar a:hover {
     background-color: transparent;
     border-radius: 0;
     color: white;
}
 .navbar li:hover {
     opacity: .2;
}
 .forabg.hidden {
     background-color: rgb(245, 245, 245);
}
 .post-head {
     background-color: white;
     border-color: white;
}
 .postprofile-avatar img {
     border: 0;
     border-radius: 0;
     -webkit-box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.3);
     box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.3);
}
 #preview .postbody table, #preview .postbody td, div[class*='post--'] .postbody table, div[class*='post--'] .postbody td {
     border: 0!important;
}
 .copyright .wrap:after {
     content: 'Todos os direitos são de autoria de seus criadores.';
     display: block;
     padding-bottom: 20px;
}
a.mainmenu[href="/faq"]{
display: none !important;
}
a.mainmenu[href="/portal"]{
display: none !important;
}
a.mainmenu[href="/calendar"]{
display: none !important;
}
a.mainmenu[href="/gallery"]{
display: none !important;
}
a.mainmenu[href="/groups"]{
display: none !important;
}
a.mainmenu[href="/login"]{
display: none !important;
}
a.mainmenu[href="/search"]{
display: none !important;
}
a.mainmenu[href="/profile?mode=editprofile"]{
display: none !important;
}
#site-desc {
  display: none;
}
#popupnew {min-height:50px;
background-color: #121212;
border: 1px solid #090909;
border-left: 10px solid #090909 !important;
min-width: 200px;
position: absolute;
position: fixed;
bottom: 30px;
margin-left: 40px;
border-radius: 0px 1em 1em 0px;
padding: 5px;
box-shadow: 0px 0px 3px black, 0px 0px 5px black, 0px 0px 10px black, 0px 0px 15px black;
z-index: 999;
display:none;
font-family: Segoe UI, Calibri, Sans-serif;
font-size: 16pt;
}
      

javascript

Código:
jQuery(document).ready(function(){
          
           var link1 = _userdata.user_id;
                $.get('/u'+link1+'stats', function(nome2){
                   var link2 = $(' a[href*="/st/"]',nome2).attr('href');
                  console.log(link2);
                $.get(link2, function(nome3){
                   jQuery('.topiclist .row .icon .dterm[title="Novas mensagens"]',nome3).each(function(){
 
            $('#popupnew').append($('.dterm[title="Novas mensagens"]', nome3).parents().find('.lastpost span a').html() +' postou no topico:<b>'+$('.dterm[title="Novas mensagens"]',nome3).find('.topic-title-container h2.topic-title').html()+'</b>');
            $('#popupnew').fadeIn('slow');
            });
          
                });
                });
            $('body').prepend('<div id="popupnew"></div>');
                });


widget
Sistema de notificações fora da barra de ferramentas NZrX8LY
YanT

YanT
Nível 2

Masculino
Inscrito dia : 07/01/2019
Mensagens : 14
Pontos Ativos : 24

http://dblegendsbrasil.forumeiros.com/

Atendido / Resolvido Re: Sistema de notificações fora da barra de ferramentas

Mensagem por RafaelS. em 08.01.19 14:30

Olá!

Quanto ao widget já não é necessário, pois eu adaptei o código!
O código está funcionando no meu fórum ModernBB. Para testar, crie uma conta testes e responda a um tópico que você criou! Ao entrar na sua outra conta verá a notificação.

Até mais.


Eu sou o RafaelS.,
Eu aconselho-lhe ler os seguintes tópicos:

Seta Para evitar ser punido é importante que leia  o regulamento geral do Fórum dos fóruns.
Seta Antes de criar o seu pedido de suporte certifique-se de ler o regulamento da seção de suporte.
Seta Quando for criar o seu tópico tente ser o mais específico possível, para que nós possámos entender!

"O importante não é vencer todos os dias, mas lutar sempre."
Sistema de notificações fora da barra de ferramentas XCPergr
Sistema de notificações fora da barra de ferramentas 6KeRsER
RafaelS.

RafaelS.
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 26/04/2014
Mensagens : 4862
Pontos Ativos : 5885

http://techmais.forumeiros.com/

Atendido / Resolvido Re: Sistema de notificações fora da barra de ferramentas

Mensagem por YanT em 08.01.19 14:35

Obrigado. Pode fechar.
YanT

YanT
Nível 2

Masculino
Inscrito dia : 07/01/2019
Mensagens : 14
Pontos Ativos : 24

http://dblegendsbrasil.forumeiros.com/
  • 0

Atendido / Resolvido Re: Sistema de notificações fora da barra de ferramentas

Mensagem por RafaelS. em 08.01.19 14:36

Tópico resolvido


Movido para "Questões resolvidas".


Eu sou o RafaelS.,
Eu aconselho-lhe ler os seguintes tópicos:

Seta Para evitar ser punido é importante que leia  o regulamento geral do Fórum dos fóruns.
Seta Antes de criar o seu pedido de suporte certifique-se de ler o regulamento da seção de suporte.
Seta Quando for criar o seu tópico tente ser o mais específico possível, para que nós possámos entender!

"O importante não é vencer todos os dias, mas lutar sempre."
Sistema de notificações fora da barra de ferramentas XCPergr
Sistema de notificações fora da barra de ferramentas 6KeRsER
RafaelS.

RafaelS.
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 26/04/2014
Mensagens : 4862
Pontos Ativos : 5885

http://techmais.forumeiros.com/

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