Avatar nas notificações da barra de ferramentas

2 participantes

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

Tópico resolvido Avatar nas notificações da barra de ferramentas

Mensagem por Diogo Ferreira 17.07.16 20:36

Detalhes da questão


Endereço do fórum: http://supraballpt.forumeiros.eu/
Versão do fórum: PunBB

Descrição


Boa tarde.
Seria possível eu colocar os avatares dos utilizadores na "aba" das notificações situada na barra de ferramentas oficial da forumeiros?

Algo do tipo: https://i.gyazo.com/08a9d65f51b926fcf4fc4616d967f106.png

Desde já agradeço a ajuda.
Diogo Ferreira

Diogo Ferreira
Membro

Membro desde : 24/09/2013
Mensagens : 585
Pontos : 877

http://foradjogo.forumeiros.com/

Ir para o topo Ir para baixo

  • 0

Tópico resolvido Re: Avatar nas notificações da barra de ferramentas

Mensagem por while 17.07.16 22:21

Olá, crie um novo javascript com investimento em todas as paginas com esse código:

Código:
_notif_timeout = 0, _notif_check = window.setInterval(function() {
    if (_notif_timeout === 10000) return window.clearInterval(_notif_check);
    if ($('#notif_list .contentText a').length) {
        notifAva();
        return window.clearInterval(_notif_check);
    } else _notif_timeout += 1;
}, 1);

function notifAva() {
    var storage = window.localStorage;
    $('head').append('<style type="text/css">.user-ava{background:#fff;float:left;display:block;margin-right:10px;}.user-ava img{height:30px;width:30px;}</style>');
    $('#notif_list li').each(function() {
        var href = $(this).find('a[href^="/u"]').attr('href'),
            id;
        if (typeof href === 'undefined') return;
        id = Number(href.replace(/.*?\/u(\d+)/, '$1'));
        if (storage.getItem('user_ava_' + id) && storage.getItem('user_exp_' + id) > +new Date - 24 * 60 * 60 * 1000) {
            $(this).find('.contentText').prepend('<span class="user-ava"></span>');
            $(this).find('.user-ava').html(storage.getItem('user_ava_' + id));
        } else {
            $(this).find('.contentText').prepend('<span class="user-ava"></span>');
            $(this).find('.user-ava').load(href + ' #profile-advanced-right .module:first div img:first,.forumline td.row1.gensmall:first > img, .frm-set.profile-view.left dd img,dl.left-box.details:first dd img, .row1 b .gen:first img, .real_avatar img', function() {
                if (storage) {
                    storage.setItem('user_ava_' + id, $(this).html());
                    storage.setItem('user_exp_' + id, +new Date);
                }
            });
        }
    });
};

Até mais.
while

while
Hiper Membro

Membro desde : 24/04/2016
Mensagens : 3263
Pontos : 4761

http://www.ajuda.forumeiros.com https://www.facebook.com/profile.php?id=100012157981279

Ir para o topo Ir para baixo

Tópico resolvido Re: Avatar nas notificações da barra de ferramentas

Mensagem por Diogo Ferreira 17.07.16 22:33

Muito obrigado, resultou na perfeição.
Só uma coisinha, queria retirar as zonas de "bem vindo", "Login" e "registar" da barra, como mostro nas imagens abaixo, será possível?

Imagens: https://imgur.com/hGw2O0o // https://imgur.com/MGCTyUe
Diogo Ferreira

Diogo Ferreira
Membro

Membro desde : 24/09/2013
Mensagens : 585
Pontos : 877

http://foradjogo.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Avatar nas notificações da barra de ferramentas

Mensagem por while 18.07.16 1:16

Isto é outro assunto... peço que crie um novo tópico
Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.

Até mais.
while

while
Hiper Membro

Membro desde : 24/04/2016
Mensagens : 3263
Pontos : 4761

http://www.ajuda.forumeiros.com https://www.facebook.com/profile.php?id=100012157981279

Ir para o topo Ir para baixo

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

- Tópicos semelhantes

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