Como colorir o grupo

Detalhes da questão

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

Descrição

Bom, eu queria deixa o nome do grupo piscando e mudando de cor, me ajuda, por favor.

Olá Icaro325,

Acredito que você se refira ao efeito arco-íris. Se sim, aceda a:
Painel de Controle Visualização Imagens e Cores Cores :ajudeiros Folha de Estilo CSS.

Em seguida, adicione no fim da sua folha de estilo este código:

Código:

a[style*="#COR DO GRUPO"], 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;
}

Até mais.
Chanp

Mais isso vai ficar em todos os grupos?

Isso vai ficar apenas no grupo com a cor que você colocar onde eu deixei COR DO GRUPO.
Exemplo: se o grupo Administradores tem a cor #123456 e você coloca em COR DO GRUPO a cor #123456, esse efeito será aplicado a este grupo.

Chanp

Ainda não entendi

Olá, Icaro325!

Troque o código passado por este:

Código:

a[style*="#00AEFF"], span[style*="#00AEFF"] {
    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;
}

Aguardo respostas!

Icaro325 escreveu:Ainda não entendi

Irei tentar te explicar com outras palavras.
Se você aceder a Painel de Controle Usuários & Grupos Grupos :ajudeiros Administração dos Grupos, você verá todos os grupos que o seu fórum possui. Para conferir a cor de um grupo, clique na engrenagem para modificá-lo.

Na página que será aberta, você encontrará alguns campos. O quarto campo se refere a cor do grupo. Basta copiar a cor que está dentro do campo.

Feito isso, utilizando o meu código que deixarei aqui embaixo, substitua onde tem #COR DO GRUPO pela cor que você copiou.

Código:

a[style*="#COR DO GRUPO"], 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;
}

Depois de realizar as substituições, basta validar a sua folha de estilo.
Se você continua sem compreender como funciona, basta me dizer. Logo acima, utilizando este código, o -Xerox- fez as devidas substituições para colorir o grupo "Admin" do seu fórum. Se a sua intenção for justamente colorir este grupo, basta copiar o código do -Xerox-.

Tudo certo?
Chanp

Tá ficando branco o nome do grupo '-'

Olá Icaro325,

Me envie o código que está sendo utilizado, por favor.
Eu fiz alguns testes pelas ferramentas de desenvolvedor e tudo corre bem.

Chanp

Código:

 a[style*="#00AEFF"], span[style*="#00AEFF"] {
    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;
}

Esse

Aplique na sua folha de estilo para que eu possa analisar o resultado, por favor.

Eu já apliquei
e agr

Olá!
Acredito que você está aplicando incorretamente. Não há nada na sua folha de estilo quanto a isso.
Você validou a folha de estilo após aplicar o código?

Sim, validei, ele fica branco o nome

Olá @Icaro325,

O senhor deu como resolvido uma questão idêntica (Questão resolvida), o código é funcional. Qual o seu problema atual?



Aguardo uma resposta sua,
pedxz.

Não, aquela era do nome da pessoa, agora é do grupo, e o grupo tá ficando totalmente branco, não colorindo.

Altere os códigos em cima para:

Código:

a[href^="/g1-"] {
    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%;}
}

E altere /g1- para o ID do grupo!



Editado: 22:55:51
Não se esqueça de desativar a opção "Melhorar seu CSS" na sua Folha de estilo.

Ficou azul.

COnseguir brigadu, pode encerrar

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