Ajustar os avatares da pré-vizualização dos grupos

Detalhes da questão

Endereço do fórum: https://psphb.forumeiros.com
Versão do fórum: AwesomeBB
Acesso ao fórum:
[Tens de participar na questão para poderes visualizar o acesso]

Descrição

Estou a tentar colocar o hover de grupos, porém só aparece assim: https://prnt.sc/Y0_dHCUOEmBK. Alguém me pode ajudar?

Não estou conseguindo visualizar seu fórum devido a tela de login.

Seu print não está disponivel.

:-EraGon-: escreveu:Não estou conseguindo visualizar seu fórum devido a tela de login.

Seu print não está disponivel.

Alô, peço desculpa, aqui vai: https://prnt.sc/kXIRh6CxmK98

Olá @Mixeuzinho,

Deve ser mais explicito da questão. Altere o código da pré-vizualização dos grupos para

Código:

$(function() {
    var max_users = 10,
        lang = {
            view_group: 'Veja o grupo completo',
            loading: 'Carregando...',
            view_err: 'Não foi possível carregar os dados do grupo.'
        },
        links = $('a[href^="/g"]').filter(function() {
            if (/\/g\d+-/.test(this.href)) {
                return this;
            }
        }),
        groupsinfo = {};
    links.tooltipster && links.not('.tooltipstered').tooltipster({
        animation: 'fade',
        interactive: true,
        contentAsHTML: true,
        minWidth: 300,
        maxWidth: 300,
        delay: 500,
        arrowColor: "#EEE",
        autoClose: true,
        content: lang.loading,
        functionBefore: function(origin, continueTooltip) {
            continueTooltip();
            var groupURL = $(this).attr('href'),
                groupId = groupURL.replace(/.*?\/g(\d+).*/, '$1'),
                groupName = $(this).text();
            if (origin.data('ajax') !== 'cached') {
                if (groupsinfo[groupId] != undefined) {
                    origin.tooltipster('content', groupsinfo[groupId]).data('ajax', 'cached');
                } else {
                    $.get(groupURL, function(d) {
                        var user = $('form[action="' + groupURL + '"] a[href^="/u"]', d),
                            i = 0,
                            li, container = $('<div>' + '<div class="fa_group_preview">' + '<h1 class="fa_group_name">' + groupName + '</h1>' + '<p class="fa_group_desc">' + $('form[action^="/g"]', d).find('dl:eq(1) dd, tr:eq(2) td.row2 .gen').text() + '</p>' + '<ol class="fa_group_list"></ol>' + '<div class="fa_group_button">' + '<a href="' + groupURL + '" class="button1">' + lang.view_group + '</a>' + '</div>' + '</div>' + '</div>');
                        for (; i < max_users; i++) {
                            if (user[i]) {
                                li = document.createElement('LI');
                                li.appendChild(user[i]);
                                $('ol', container).append(li);
                            }
                        }
                        if (!$('li', container).length) {
                            $('ol', container).after('<div>' + lang.view_err + '</div>');
                        }
                        groupsinfo[groupId] = container.html();
                        origin.tooltipster('content', groupsinfo[groupId]).data('ajax', 'cached');
                    });
                }
            }
        }
    });
    $('head').append('<style type="text/css">' + '.fa_group_preview img {border-radius: 50% !important;height: 25px;width: 25px;display: inline-block;}.fa_group_preview { font-family:Arial; font-size:12px; color:#000; }' + '.fa_group_preview a { text-decoration:none; }' + 'h1.fa_group_name { font-size:20px; }' + 'p.fa_group_desc, h1.fa_group_name { margin:10px 0 10px 0; }' + 'ol.fa_group_list { margin:0 25px; padding:0; }' + '.fa_group_button { margin-top:10px; text-align:center; }' + '</style>');
});

Cordialmente,
pedxz.