Sistema de notificações fora da barra de ferramentas

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?

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.

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

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.

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:




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

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.

Obrigado. Pode fechar.