Mudar cor do efeito no rank

Detalhes da questão

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

Descrição

Descobri como coloca efeito "brilhoso" no rank, porém quero deixar a cor a mesma do grupo que o rank pertence, exemplo: Tenho um grupo Administrador, aí o Rank está Fundador, quero mudar a cor do rank (tirar a padrão preta) para mesma cor do grupo que é Vermelha

Código:

<span style="background-image:url('http://i.imgur.com/DeeiUkd.gif')">Fundador</span>

queria adicionar #FF0000 e assim vai indo, só procuro uma base se for possível.

Olá, para isso basta ir no Título do Rank e adicionar o nome desse jeito

Código:

<font color=#FF0000>Fundador</font>

Leia mais nesse tutorial https://ajuda.forumeiros.com/t57331-

Até mais

Tópico movido de 'Questões sobre a aparência do fórum' para 'Questões sobre o painel de administração'.

Acho que não entendeste, queria manter o efeito só que com cor vermelha, coloquei esse cód no Fundador em um tópico meu, porém coloquei no "Inspecionar elemento" e funcionou no jeito que desejo, mas quando coloco o cód no nome do rank, acho que limita os caracteres pois nunca termina o cód fica faltando as parte finais "Fica com cód incompleto" assim não funfando o código. Será que da pra fazer isso pela folha CSS?

Código:

<span style="background-image:url('http://i.imgur.com/DeeiUkd.gif')"><font color=#FF0000>Fundador</font></span>

foi esse código que coloquei no inspecionar elemento e funfou.

Por isso que não é recomendado fazer inline-styles.
Mude o código do rank para este:

Código:

<span class="rank fund">Fundador</span>

E adicione em sua CSS:

Código:

.rank {
  background-image: url('http://i.imgur.com/DeeiUkd.gif');
}

.rank.fund {
  color: #ff0000;
}

Fonte para estudos:
-> https://www.w3schools.com/html/html_classes.asp

o/

Acho que entendi, vou dar uma olhada em seu link, deu certo! você é 10!, então toda vez que eu queira aplicar esse efeito em um rank eu renomeio pra

Código:

<span class="rank nome">Nome</span>

e na folha de CSS

Código:

.rank.nome {
  color: #CorHexadecimal;
}

nem precisa repetir aquela parte?, se for assim está Resolvido!

Sim, é isso mesmo.
A cada rank que o senhor quiser criar, basta colar mais um trecho deste código no final:

Código:

.rank.nome {
  color: #CorHexadecimal;
}

E fazer o que quiser para ajustá-los via CSS.
Lembre-se que todas as propriedades podem ser usadas. o/

Luiz escreveu:Sim, é isso mesmo.
A cada rank que o senhor quiser criar, basta colar mais um trecho deste código no final:

Código:

.rank.nome {
  color: #CorHexadecimal;
}

E fazer o que quiser para ajustá-los via CSS.
Lembre-se que todas as propriedades podem ser usadas. o/

Obrigado mano! Caso queira, esse meu tópico possa ajudar outros! RESOLVIDO!

Às ordens. o/