Interface de grupos

Detalhes da questão

Endereço do fórum: http://djgustavo10000.forumeiros.com
Versão do fórum: ModernBB

Descrição

Gostaria do código para deixar a interface dos grupos asssim:

https://prnt.sc/10486rt

Olá luquinhasda10,

Crie um 'Novo Javascript' e coloca o investimento 'em todas as páginas' o seguinte código:

Código:

$(function() {
    var groups = $('.legend');
    if (groups) {
        for (var a = groups.find('a.gensmall'), i = 0, j = a.length, rgb, color; i < j; i++) {
            color = a[i].style.color;
            rgb = color.replace(/rgb\(|\)|\s/g, '').split(',');
            a[i].style.backgroundColor = color;
            a[i].style.color = Math.round(((parseInt(rgb[0]) * 299) + (parseInt(rgb[1]) * 587) + (parseInt(rgb[2]) * 114)) / 1000) > 125 ? '#FFF' : '#FFF'
        }
    }
});


Atenciosamente, Wusthy

Olá amigo, não ficou como eu gostaria, segue abaixo:

Resultado:

Como gostaria que ficasse:

Olá luquinhasda10,

A opção 'Habilitar o gerenciamento de Javascript' se marca como 'Sim'?

Sim, a opção está habilitada.

Olá  @luquinhasda10,

O senhor pode passa-me uma conta teste no seu fórum - sem qualquer poder de administração ou de moderação - ou dar acesso aos convidados?! Por favor!

O seu fórum está contra as nossas condições de uso.
Leia este tópico: "Copyrights Forumeiros".


Atenciosamente,
pedxz.

Fórum ilegal Informamos que o seu fórum corre o risco de ser eliminado por não estar de acordo com as Condições Gerais de Uso. Por favor, queira regularizar o seu fórum o mais rápido possível. Tenha em conta que o suporte a fóruns ilegais é limitado, para mais informações, consulte: Atendimento aos fóruns ilegais.

Com certeza,

pedx
pedx123

Altere o seu código JavaScript para:

Código:

$(function() {
    var groups = $('.legend');
    if (groups) {
        for (var a = groups.find('a.gensmall'), i = 0, j = a.length, rgb, color; i < j; i++) {
            color = a[i].style.color;
            rgb = color.replace(/rgb\(|\)|\s/g, '').split(',');
            a[i].style.backgroundColor = color;
            a[i].style.padding = '3px';
            a[i].style.borderRadius = '6px';
            a[i].style.marginRight = '.25rem';
            a[i].style.color = Math.round(((parseInt(rgb[0]) * 299) + (parseInt(rgb[1]) * 587) + (parseInt(rgb[2]) * 114)) / 1000) > 125 ? '#FFF' : '#FFF'
        }
    }
});

Resolvido, pode fechar, você é 10 pedxz!

Tópico resolvido Movido para "Questões resolvidas".