Avatar nos últimos conectados

Detalhes da questão

Endereço do fórum: https://www.5240i.com/
Versão do fórum: ModernBB

Descrição

Eu li este artigo e estou usando! então posso adicionar uma foto de perfil como esta
https://ajuda.forumeiros.com/t116618-ordenar-os-membros-conectados-nas-ultimas-x-horas-por-grupos?highlight=avatar+Membros+conectados+nas+%C3%BAltimas+24+horas

eu quero assim

obrigado !

Olá @Roy Nè,

Altere o código para

Código:

(function($) {
    'use strict';

    if (['/', '/forum'].indexOf(location.pathname) === -1) {
        return;
    }

    $(function() {

        var selector = 'Membros conectados nas últimas 90 horas';
        var $container = $('[data-connected-members]');

        if (!$container.length) return;

        var $sorted = $container
            .find('a')
            .sort(function(prev, next) {
                return ($(prev).find('span').css('color') || '') > ($(next).find('span').css('color') || '') ? -1 : 1;
            })
            .map(function(index, elem) {
                return elem.outerHTML;
            })
            .toArray()
            .join(' ');

        $container
            .html(selector + ': ')
            .append($sorted);


        $container.find('a[href*="/u"]').each(function() {
            const $user = $(this);
            const username = $(this).text();
            const userlink = $(this).attr('href');
            const id = userlink.replace(/.*?\/u/, '');
            let storage = window.localStorage;

            if (storage && storage['memberAvatar_' + id] && storage['memberAvatar_' + id + '_exp'] > +new Date - 1 * 60 * 60 * 1000) {
                $($user).replaceWith('<a href="' + userlink +'" title="' + username + '" style="height: 35px; width: 35px; display: inline-flex; align-items: center; justify-content: center; border-radius: .25rem; border-left:2px solid #0cffff;border-top:2px solid #ffb84d;border-bottom:2px solid #fd49c6;border-right:2px solid #ffdab4;"><img  loading="lazy" class="member-avatar" src="' + storage['memberAvatar_' + id] + '" alt="' + username + '" style="height: 35px;width: 35px; border-radius: calc(0.25rem - 1px);" /></a>');
                return;
            }

            $.get('/ajax/index.php?f=m&user_id=' + id, function(d) {
                const avatar = $('.tooltip-content > img', d)[0];
             
              if(avatar) {
               
                $($user).replaceWith('<a href="'+ userlink + '" title="' + username + '" style="height: 35px; width: 35px; display: inline-flex; align-items: center; justify-content: center; border-radius: .25rem; border-left:2px solid #0cffff;border-top:2px solid #ffb84d;border-bottom:2px solid #fd49c6;border-right:2px solid #ffdab4;"><img  loading="lazy" class="member-avatar" src="' + avatar.src + '" alt="'+ username +'" style="    border-radius: calc(0.25rem - 1px);height: 35px;width: 35px;" /></a>');
                    if (storage) {
                        storage['memberAvatar_' + id] = avatar.src;
                        storage['memberAvatar_' + id + '_exp'] = + new Date;
                    }
                }

            });

        });
    });
}(jQuery));

Atenciosamente,
pedxz.

trabalhado ! pode fechar o post! Obrigado