Aplicar efeito nos grupos

Detalhes da questão

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

Descrição:

como que adiciono efeito neon nos grupos?


Ex:

Olá @iDreeL_Nox,

Basta fazer o dito nesta questão resolvida (anterior).


Atenciosamente,
pedxz.

Ja tentei. Mas n deu certo. Eu quero que fiquei para os cargos e quando um user entrar nesse grupo ele receber já o efeito

Olá!

O código do outro tópico não funciona porque a versão do fórum é diferente - em consequência, os seletores CSS também são diferentes.

Fiz um código (abaixo), que é fácil de compreender:
Na primeira linha de cada secção de código, temos que filtrar a cor de cada grupo (1 código para cada cor de grupo);
Na segunda linha, coloquei a sombra a branco por questões de visibilidade, mas se quiser mudar a cor, pode adicionar um código hexadecimal a seu gosto, por exemplo o mesmo código de cor do grupo;
Na terceira linha, está a imagem de fundo que faz o efeito dos "brilhos", e essa não é para alterar.
Separei o código com separador por grupos, por uma questão de organização sempre que precisar de alterar o código.
Nota: podemos adicionar este efeito em outros lados que podem não aparecer (só testei na página inicial), apenas temos que adicionar seletores específicos para zonas específicas.

Código:

/* FUNDADOR */
span.color-groups[style="color:#F000A4"]  {
    text-shadow: 1px 1px 5px white;
    background: url(https://i.imgur.com/FgKNYTV.gif);
}
/* DONO */
span.color-groups[style="color:#FF0066"]  {
    text-shadow: 1px 1px 5px white;
    background: url(https://i.imgur.com/FgKNYTV.gif);
}
/* WEBMASTER */
span.color-groups[style="color:#424142"]  {
    text-shadow: 1px 1px 5px white;
    background: url(https://i.imgur.com/FgKNYTV.gif);
}

Resultado: https://prnt.sc/N2GjFlJkP6z3

Qualquer dúvida, basta responder.
Hancki

Hancki escreveu:Olá!

O código do outro tópico não funciona porque a versão do fórum é diferente - em consequência, os seletores CSS também são diferentes.

Fiz um código (abaixo), que é fácil de compreender:
 Na primeira linha de cada secção de código, temos que filtrar a cor de cada grupo (1 código para cada cor de grupo);
 Na segunda linha, coloquei a sombra a branco por questões de visibilidade, mas se quiser mudar a cor, pode adicionar um código hexadecimal a seu gosto, por exemplo o mesmo código de cor do grupo;
 Na terceira linha, está a imagem de fundo que faz o efeito dos "brilhos", e essa não é para alterar.
 Separei o código com separador por grupos, por uma questão de organização sempre que precisar de alterar o código.
Nota: podemos adicionar este efeito em outros lados que podem não aparecer (só testei na página inicial), apenas temos que adicionar seletores específicos para zonas específicas.

Código:

/* FUNDADOR */
span.color-groups[style="color:#F000A4"]  {
    text-shadow: 1px 1px 5px white;
    background: url(https://i.imgur.com/FgKNYTV.gif);
}
/* DONO */
span.color-groups[style="color:#FF0066"]  {
    text-shadow: 1px 1px 5px white;
    background: url(https://i.imgur.com/FgKNYTV.gif);
}
/* WEBMASTER */
span.color-groups[style="color:#424142"]  {
    text-shadow: 1px 1px 5px white;
    background: url(https://i.imgur.com/FgKNYTV.gif);
}

Resultado: https://prnt.sc/N2GjFlJkP6z3

Qualquer dúvida, basta responder.
Hancki

Muito obrigado 🫂

Muito obrigado @Hancki, ainda me lembro quando você era da equipe voluntária!

Mais alguma questão esteja a vontade caro membro, @iDreeL_Nox.

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