Notificação de mensagem privada

4 participantes

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

Tópico resolvido Notificação de mensagem privada

Mensagem por weverson lopes 27.05.20 16:04

Detalhes da questão


Endereço do fórum: https://habbling.forumeiros.com/
Versão do fórum: ModernBB

Descrição


Oi, eu queria adicionar quando a pessoa me enviasse um MP, eu recebesse essa notificação pela caixinha de mensagem

Notificação de mensagem privada GGHW2rX


queria que desse notificação quando eu receber uma mensagem.
weverson lopes

weverson lopes
Membro avançado

Masculino
Membro desde : 01/04/2017
Mensagens : 410
Pontos ativos : 595

http://www.mdhoficial.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Notificação de mensagem privada

Mensagem por Sleep 27.05.20 19:03

Olá,

Crie uma nova página JavaScript com investimento em todas as páginas, com o seguinte código:
Código:
(function($, CSS) {
    'use strict';

    var config = {
        img: 'https://2img.net/i/fa/modernbb/topic_unread.png',
        folder: 'inbox'
    };
  
    $(function() {

      if (!_userdata.session_logged_in) return;

        $.get('/privmsg?folder=' + config.folder)
            .done(function(context) {
                if ($('.icon[style$="' + config.img + ');', context).length != 0) {

                    $('<span>', {
                        'class': 'new-mps'
                    }).insertBefore('a[href="/privmsg?folder=' + config.folder + '"]');

                    $('<style>')
                        .text(CSS.join('\n'))
                        .appendTo('head');
                }
            })
            .fail(function() {
                alert('Ocorreu algum erro!');
            });
    });
}(jQuery, [
    '.new-mps:after { ',
    'content: "";',
    'width: 10px;',
    'height: 10px;',
    'display: block;',
    'position: absolute;',
    'background-color: tomato;',
    'border-radius: 50%;',
    '}'
]));

Atenciosamente,
Sleep
Sleep

Sleep
Membro destaque

Masculino
Membro desde : 10/08/2012
Mensagens : 782
Pontos ativos : 976

https://syndicaterp.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Notificação de mensagem privada

Mensagem por weverson lopes 27.05.20 19:14

Olá sleep, funcionou mas eu queria como neste tópico

https://ajuda.forumeiros.com/t115047-topic

eu queria que quando tivesse uma mensagem, ficasse no icone um numero de mensagem sabe?
weverson lopes

weverson lopes
Membro avançado

Masculino
Membro desde : 01/04/2017
Mensagens : 410
Pontos ativos : 595

http://www.mdhoficial.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Notificação de mensagem privada

Mensagem por Sleep 28.05.20 14:59

@weverson lopes escreveu:Olá sleep, funcionou mas eu queria como neste tópico

https://ajuda.forumeiros.com/t115047-topic

eu queria que quando tivesse uma mensagem, ficasse no icone um numero de mensagem sabe?

Olá,

o Link fornecido funciona da maneira que o código passado por mim.

O que deseja é que apareça por exemplo o numero total das novas mensagens correto?

Atenciosamente,
Sleep
Sleep

Sleep
Membro destaque

Masculino
Membro desde : 10/08/2012
Mensagens : 782
Pontos ativos : 976

https://syndicaterp.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Notificação de mensagem privada

Mensagem por weverson lopes 28.05.20 16:31

Oiii sleep

siiim era assim que eu gostaria rsrsrs, desculpe se não expliquei
weverson lopes

weverson lopes
Membro avançado

Masculino
Membro desde : 01/04/2017
Mensagens : 410
Pontos ativos : 595

http://www.mdhoficial.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Notificação de mensagem privada

Mensagem por Sleep 29.05.20 17:17

Olá,

Crie um novo código JavaScript com o seguinte conteúdo:
Código:
$(function(e) { var mp = document.getElementById('i_icon_mini_new_message');if(!mp) return; var mps = $(mp).attr("alt").match(/[0-9]+/); $('a[href^="./privmsg?folder=inbox"]').attr('data-counter', ''+mps+''); });

Agora adicione a sua folha de estilos:
Código:
[data-counter]::after {
    background: #FFF none repeat scroll 0% 0% padding-box;
    height: 5px;
    content: attr(data-counter);
    position: absolute;
    padding: 2px 4px 9px;
    border-radius: 2px;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5), 0px 1px 4px rgba(0, 0, 0, 0.4), 0px 0px 1px rgba(0, 0, 0, 0.21) inset, 0px 10px 0px rgba(255, 255, 255, 0.11) inset;
    font: 800 9px "Helvetica Neue",sans-serif;
    color: #FBA700;
    text-decoration: none;
    margin-left: -44.9%;
    margin-top: 14px;
}

Resultado: http://prntscr.com/sq6ppt

Atenciosamente,
Sleep
Sleep

Sleep
Membro destaque

Masculino
Membro desde : 10/08/2012
Mensagens : 782
Pontos ativos : 976

https://syndicaterp.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Notificação de mensagem privada

Mensagem por weverson lopes 29.05.20 17:42

Oi Sleep, Obrigado pela ajuda

funcionou mas funcionou na barra de ferramentas, eu gostaria que fosse aqui

Notificação de mensagem privada GGHW2rX
weverson lopes

weverson lopes
Membro avançado

Masculino
Membro desde : 01/04/2017
Mensagens : 410
Pontos ativos : 595

http://www.mdhoficial.net/

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Notificação de mensagem privada

Mensagem por pedxz 30.05.20 9:25

Olá @weverson lopes,

Como o senhor tem uma barra de navegação customizada, poderia passar uma conta teste do seu fórum sem qualquer poder de moderação / administração, agradecia!


Aguardo uma resposta sua,
pedxz.


Boas-vindas ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a editando a sua primeira postagem.
Pedxz - Admineiro
pedxz

pedxz
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 6560
Pontos ativos : 7723

Ir para o topo Ir para baixo

Tópico resolvido Re: Notificação de mensagem privada

Mensagem por weverson lopes 30.05.20 16:38

@Pedxz Oiii pedx boooom diaaaaa

vou te mandar

Login: testes58 e senha: teste123456
weverson lopes

weverson lopes
Membro avançado

Masculino
Membro desde : 01/04/2017
Mensagens : 410
Pontos ativos : 595

http://www.mdhoficial.net/

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Notificação de mensagem privada

Mensagem por pedxz 30.05.20 17:30

@Sleep escreveu:Olá,

Crie um novo código JavaScript com o seguinte conteúdo:
Código:
$(function(e) { var mp = document.getElementById('i_icon_mini_new_message');if(!mp) return; var mps = $(mp).attr("alt").match(/[0-9]+/); $('a[href^="./privmsg?folder=inbox"]').attr('data-counter', ''+mps+''); });

Agora adicione a sua folha de estilos:
Código:
[data-counter]::after {
    background: #FFF none repeat scroll 0% 0% padding-box;
    height: 5px;
    content: attr(data-counter);
    position: absolute;
    padding: 2px 4px 9px;
    border-radius: 2px;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5), 0px 1px 4px rgba(0, 0, 0, 0.4), 0px 0px 1px rgba(0, 0, 0, 0.21) inset, 0px 10px 0px rgba(255, 255, 255, 0.11) inset;
    font: 800 9px "Helvetica Neue",sans-serif;
    color: #FBA700;
    text-decoration: none;
    margin-left: -44.9%;
    margin-top: 14px;
}

Resultado: http://prntscr.com/sq6ppt

Atenciosamente,
Sleep

@weverson lopes escreveu:Oi Sleep, Obrigado pela ajuda

funcionou mas funcionou na barra de ferramentas, eu gostaria que fosse aqui

Notificação de mensagem privada GGHW2rX
Esse código não funcionará já que o senhor não usa a barra de navegação nativa dos fóruns gratuitos Forumeiros pelo qual o elemento i_icon_mini_new_message não existe. Eu posso melhorar o primeiro código passado, adicionado um contador de mensagens privadas, o que acha?


Boas-vindas ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a editando a sua primeira postagem.
Pedxz - Admineiro
pedxz

pedxz
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 6560
Pontos ativos : 7723

Ir para o topo Ir para baixo

Tópico resolvido Re: Notificação de mensagem privada

Mensagem por weverson lopes 30.05.20 17:38

Pode ser sim pdx rsrs Obrigadooo <3
weverson lopes

weverson lopes
Membro avançado

Masculino
Membro desde : 01/04/2017
Mensagens : 410
Pontos ativos : 595

http://www.mdhoficial.net/

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Notificação de mensagem privada

Mensagem por pedxz 30.05.20 18:37

Altere para:
Código:
(function($, CSS) {
    'use strict';
 
    var config = {
      /* Nome e formato da imagem de "não lido" das massagens */
        img: 'topic_unread.png',
        folder: 'inbox'
    };
 
    $(function() {
     
        if (!_userdata.session_logged_in) return;
 
        $.get('/privmsg?folder=' + config.folder)
            .done(function(context) {
             
              var $icon = $('.icon[style$="' + config.img + ');', context);
             
                if ($icon.length != 0) {
             
                    $('<span>', {
                        'class': 'new-mps',
                        'data-count': $icon.length
                    }).insertBefore('a[href="/privmsg?folder=' + config.folder + '"]');
 
                    $('<style>')
                        .text(CSS.join('\n'))
                        .appendTo('head');
                }
            })
            .fail(function() {
                alert('Ocorreu algum erro!');
            });
    });
}(jQuery, [
    '.new-mps:after { ',
    'content: attr(data-count);',
    'width: max-content;',
    'color: white;',
    'text-align: center;',
    'min-width: 15px;',
    'height: max-content;',
    'display: block;',
    'position: absolute;',
    'background-color: rgb(255, 0, 64);',
    '-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.0), 0 1px 2px rgba(0,0,0,0.14), inset 0 0 1px 1px rgba(0,0,0,.1);',
    '  -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.0), 0 1px 2px rgba(0,0,0,0.14), inset 0 0 1px 1px rgba(0,0,0,.1);',
    '        box-shadow: 0 1px 3px rgba(0,0,0,0.0), 0 1px 2px rgba(0,0,0,0.14), inset 0 0 1px 1px rgba(0,0,0,.1);',
    '-webkit-border-radius: .2rem;',
    '  -moz-border-radius: .2rem;',
    '        border-radius: .2rem;',
    'font-size: 11px;',
    'font-weight: bolder;',
    'font-family: Segoe UI, SegoeUI, "Helvetica Neue", Helvetica, Arial, sans-serif!important;',
    'text-shadow: 1px 1px 4px rgba(0,0,0,0.2);',
    'padding: 4px;',
    'animation: pulse-animation 2s linear infinite;',
    '-webkit-box-sizing: border-box;',
    '  -moz-box-sizing: border-box;',
    '        box-sizing: border-box;',
    '}',
    '',
    '@keyframes pulse-animation {',
    ' 0% {',
    '  webkit-box-shadow: 0 0 0 0 rgba(255, 0, 64, 0.7), 0 0 0 0 rgba(255, 0, 64, 0.7);',
    '    -moz-box-shadow: 0 0 0 0 rgba(255, 0, 64, 0.7), 0 0 0 0 rgba(255, 0, 64, 0.7);',
    '        box-shadow: 0 0 0 0 rgba(255, 0, 64, 0.7), 0 0 0 0 rgba(255, 0, 64, 0.7);',
    ' }',
    ' 40% {',
    '  webkit-box-shadow: 0 0 0 15px rgba(255, 0, 64, 0), 0 0 0 0 rgba(255, 0, 64, 0.7);',
    '    -moz-box-shadow: 0 0 0 15px rgba(255, 0, 64, 0), 0 0 0 0 rgba(255, 0, 64, 0.7);',
    '        box-shadow: 0 0 0 15px rgba(255, 0, 64, 0), 0 0 0 0 rgba(255, 0, 64, 0.7);',
    ' }',
    ' 80% {',
    '  webkit-box-shadow: 0 0 0 15px rgba(255, 0, 64, 0), 0 0 0 10px rgba(255, 0, 64, 0);',
    '    -moz-box-shadow: 0 0 0 15px rgba(255, 0, 64, 0), 0 0 0 10px rgba(255, 0, 64, 0);',
    '        box-shadow: 0 0 0 15px rgba(255, 0, 64, 0), 0 0 0 10px rgba(255, 0, 64, 0);',
    '}',
    ' 100% {',
    '  webkit-box-shadow: 0 0 0 0 rgba(255, 0, 64, 0), 0 0 0 10px rgba(255, 0, 64, 0);',
    '    -moz-box-shadow: 0 0 0 0 rgba(255, 0, 64, 0), 0 0 0 10px rgba(255, 0, 64, 0);',
    '          box-shadow: 0 0 0 0 rgba(255, 0, 64, 0), 0 0 0 10px rgba(255, 0, 64, 0);',
    ' }',
    '}'
]));


Última edição por Pedxz em 31.05.20 11:43, editado 2 vez(es)


Boas-vindas ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a editando a sua primeira postagem.
Pedxz - Admineiro
pedxz

pedxz
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 6560
Pontos ativos : 7723

Ir para o topo Ir para baixo

Tópico resolvido Re: Notificação de mensagem privada

Mensagem por weverson lopes 30.05.20 19:10

Funcionouuuu era exatamente assim que eu queria haha, Obrigadoooo <3
weverson lopes

weverson lopes
Membro avançado

Masculino
Membro desde : 01/04/2017
Mensagens : 410
Pontos ativos : 595

http://www.mdhoficial.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Notificação de mensagem privada

Mensagem por Chagas 30.05.20 19:24

Tópico resolvido


Movido para "Questões resolvidas".
Chagas

Chagas
Membro destaque

Masculino
Membro desde : 22/10/2015
Mensagens : 886
Pontos ativos : 1091

https://pelotao.forumeiros.com

Ir para o topo Ir para baixo

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


Permissões neste fórum
Você não pode responder aos tópicos