Notificação quando chegar Mensagem Privada

Detalhes da questão

Endereço do fórum: http://feb-nwd.forumeiros.com/
Versão do fórum: PhpBB3

Descrição

ola queria saber como colo no MP quando chegar um Mensagem tipo Mostrando na tela,
pra quando uma pessoa enviar uma mensagem eu possa ver que chego.

Olá amigo, não sei se é isto, mas, crie um novo javascript com investimento em todas as paginas com esse código:

Código:

function Notifications() {

    setTimeout(function() {

        var xhr = new XMLHttpRequest();
          xhr.onload = function() {
              var messages = this.responseXML.querySelectorAll('img[src="http://2img.net/i/fa/punbb/status_unread.png"]').length;
              if(!messages) return;
                  var $message = document.createElement("div");
                    $message.className = "message slide";
                    $message.title = "Clique para ler";
                    $message.innerHTML = '<a href="/privmsg?folder=inbox">' + messages + ' novas MP\'s</a>';
                  document.body.appendChild($message);
                     
              var $close = document.querySelector("div.message a");
                $close.onclick = function(event){
                  event.preventDefault(true);
                  var $link = this.href;
                  document.querySelector(".message").className = "message";

                  window.setTimeout(function(){
                    top.location.href = $link;
                  }, 1000);
             
              };
          };
          xhr.open("GET", "/privmsg?folder=inbox");
          xhr.responseType = "document";
          xhr.send();


    }, 2500);

};

window.onload = Notifications;

Depois disto, adicione esse código css na sua folha de estilo:

Código:


@-webkit-keyframes Notifications{
  0%{
      opacity: 0;
      transform: translateX(-100%);
  }
  50%{
      transform: translateX(15%);
  }
  100%{
      opacity: 1;
      transform: translateX(0);
  }
}
div.message{
  background: rgba(0,0,0,.8);
  bottom: 5%;
  font: normal 1.3em "Arial";
  height: 5em;
  left: 0;
  line-height: 5em;
  opacity: 0;
  position: fixed;
  text-align: center;
  transform: translateX(-100%);
  transition: all ease-in-out .2s;
  width: 20em;
}
div.message a{
  border: #fff 1px solid;
  border-bottom-width: 2px;
  border-radius: 2px;
  color: #fff;
  display: inline-block;
  height: 1em;
  line-height: 1em;
  margin: 1.5em auto;
  padding: .5em 2em;
  position: relative;
  text-decoration: none;
  width: 8em;
}
div.message a:hover{
  background: #fff;
  color: rgba(0,0,0,.5);
}
div.message.slide{
  opacity: 1;
  transform: translateX(0);
  -webkit-animation: Notifications 1s 1;
}

Ficará assim:

nao pego nao mostra na tela quando chegar a mensagem

Olá, veja se algum desses tópicos lhe agrada:
https://ajuda.forumeiros.com/t92434-
https://ajuda.forumeiros.com/t103265-

o mesmo nao consegui

coloquei os codigos certos, Mais Não amostro como essa versão: https://i.imgur.com/wdSDJ5b.png

Saudações!

Leia os seguintes tópicos:
https://ajuda.forumeiros.com/t103265-
https://ajuda.forumeiros.com/t93196-#633799

Até mais!

Olá autor!

Por favor, não faça posts consecutivos antes de se completar 24 horas de sua última mensagem. Prefira editar sua mensagem!

Sobre sua dúvida, já tentou ativar a barra de ferramentas? https://ajuda.forumeiros.com/t74971-