Sistema de notificações fora da barra de ferramentas

2 participantes

Ir para baixo

Tópico resolvido Sistema de notificações fora da barra de ferramentas

Mensagem por YanT 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
Novo Membro

Membro desde : 07/01/2019
Mensagens : 14
Pontos : 24

http://dblegendsbrasil.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Sistema de notificações fora da barra de ferramentas

Mensagem por RafaelS. 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'
avatar
RafaelS.
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Sistema de notificações fora da barra de ferramentas

Mensagem por YanT 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
Novo Membro

Membro desde : 07/01/2019
Mensagens : 14
Pontos : 24

http://dblegendsbrasil.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Sistema de notificações fora da barra de ferramentas

Mensagem por RafaelS. 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.
avatar
RafaelS.
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Sistema de notificações fora da barra de ferramentas

Mensagem por YanT 08.01.19 14:35

Obrigado. Pode fechar.
YanT
YanT
Novo Membro

Membro desde : 07/01/2019
Mensagens : 14
Pontos : 24

http://dblegendsbrasil.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Sistema de notificações fora da barra de ferramentas

Mensagem por RafaelS. 08.01.19 14:36

Tópico resolvido


Movido para "Questões resolvidas".
avatar
RafaelS.
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

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