Efeito rainbow no nickname de um respectivo grupo

Endereço do meu fórum: https://brasilsegundavida20.forumeiros.com/forum

Versão: ModernBB

Olá,

Queria saber qual código utilizar para o meu nickname ter um "Gif de degradê" como no desse fórum (Favor ir em baixo nos grupos)

https://agecpa.forumeiros.com/

Obrigado pela atenção.

Saudações,

Se for o efeito rainbow, é só o senhor colocar o código na folha de estilo CSS abaixo:

Código:


a[style*="#FF2200"], span[style*="#FF2200"] {
    background: repeating-linear-gradient(to right, #FF0000, #FF7F00, #FFFF00, #00FF00, #0000ff, #4b0082, #8f00ff);
    -webkit-background-clip: text;
    background-size: 1800% 1800%;
    -webkit-text-fill-color: transparent;
    animation: rainbow 3s ease infinite;
}

@keyframes rainbow {0% {background-position: 0% 82%;} 50% {background-position: 100% 19%;} 100% {background-position: 0% 82%;}}

Atenciosamente,
Chagas

Isso seria para todos do fórum ? Queria para alguns usuários em específico

Saudações,

Não, esse efeito está configurando para quem faz parte do grupo "Administrador".

Atenciosamente,
Chagas

Eu teria que mudar a cor do grupo de administrador ?, Não está resultando com *red*

Saudações,

Como assim, senhor? Me explique.

Atenciosamente,
Chagas

Não resultou,

O que eu tentei foi alterar a cor do grupo de vermelho para branco, mas o efeito não rodou, fez o arco íris repetitivo no caso, algum outro código ?

Esse é o efeito desejado

Saudações,

Altere o código para este:

Código:


 
a[href^="/u"] span[style*="#COR DO GRUPO"] {
    background: repeating-linear-gradient(to right, #FF0000, #FF7F00, #FFFF00, #00FF00, #0000ff, #4b0082, #8f00ff);
    -webkit-background-clip: text;
    background-size: 1800% 1800%;
    -webkit-text-fill-color: transparent;
    animation: rainbow 3s ease infinite;
}
 
@keyframes rainbow {0% {background-position: 0% 82%;} 50% {background-position: 100% 19%;} 100% {background-position: 0% 82%;}}

a[href^="/u"] span[style*="#COR DO GRUPO"] {

O que está em destaque, o senhor deve mudar para cor do grupo que usuário que tá.

Atenciosamente,
Chagas

Olá,

No a[href^="u( É para colocar o id do grupo ?)"]

Saudações,

Não! É apenas uma referência para identificar se é usuário ou não.

Atenciosamente,
Chagas

Olá,

Infelizmente não resultou.

Então meu jovem, não tem mistério. Acabei de testar no meu Fórum, e sim, dá certo.

Só que o código CSS no qual nosso amigo Chagas citou, só aplica o efeito nos Usuários, portanto fiz uma modificação para que funcione nos grupos também.

Efeito nos Usuários:

Código:

a[href^="/u"] span[style*="#FF0004"] {
    background: repeating-linear-gradient(to right, #FF0000, #FF7F00, #FFFF00, #00FF00, #0000ff, #4b0082, #8f00ff);
    -webkit-background-clip: text;
    background-size: 1800% 1800%;
    -webkit-text-fill-color: transparent;
    animation: rainbow 3s ease infinite;
}
 
@keyframes rainbow {0% {background-position: 0% 82%;} 50% {background-position: 100% 19%;} 100% {background-position: 0% 82%;}
}


Em:

a[href^="/u"] span[style*="#FF0004"]

Apenas troque o "#FF0004" para a cor do seu grupo.

OBS: Isso serve para o código que irei falar abaixo:


Efeito nos Grupos:

Código:

a[href^="/g1-"],
a[href^="/u"] span[style*="#FF0004"] {
    background: repeating-linear-gradient(to right, #FF0000, #FF7F00, #FFFF00, #00FF00, #0000ff, #4b0082, #8f00ff);
    -webkit-background-clip: text;
    background-size: 1800% 1800%;
    -webkit-text-fill-color: transparent;
    animation: rainbow 3s ease infinite;
}
 
@keyframes rainbow {0% {background-position: 0% 82%;} 50% {background-position: 100% 19%;} 100% {background-position: 0% 82%;}
}


Em:

a[href^="/g1-"],

Troque o "g1" para o ID do seu Grupo, no qual deseja aplicar o efeito.

Prints de quê funciona: Print 1, Print 2, Print 3 e Print 4.

Caso queira, veja-o como ficou o meu fórum com este efeito.

Atenciosamente,
Skull_MasteR

Não resultou em nenhum tipo de alteração nem para melhor nem para pior.

Também testei o outro código.

O mesmo código que te mandei, és o que estou usando, e estás funcionando.

Peço que me forneça uma conta com acesso ao Painel em seu Fórum, assim resolverei seu problema, meu jovem.

Caso não seja possível, me mande sua Folha CSS por completo, por favor.

Saudações,

Vá em Painel de Controle > Visualização > Imagens e Cores > Cores > Folha de estilo CSS > Opções do CSS > Melhorar seu CSS > assinale a opção "Não" e clique em Salvar.

Atenciosamente,
Chagas

Olá,

Não funcionou com nenhum dos códigos, estou pensando em salvar esse css e apagá-lo, e criar um novo só para testar tal código, é certo fazê-lo ?

Pronto, meu jovem.
Já apliquei o efeito que desejava.

Sua Folha CSS estava com alguns erros, então corrigi a mesma.

Algo mais que posso ajudá-lo?

OBS: Veja esta print para ver que o efeito realmente está funcionando.

Foi solucionado, obrigado !