Mudar cor do efeito no rank

3 participantes

Ver o tópico anterior Ver o tópico seguinte Ir para baixo

Tópico resolvido Mudar cor do efeito no rank

Mensagem por Walter Santos 08.07.17 11:22

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.


Última edição por Walter Santos em 08.07.17 22:31, editado 1 vez(es)
Walter Santos

Walter Santos
Novo Membro

Masculino
Membro desde : 06/07/2017
Mensagens : 12
Pontos : 20

Ver perfil do usuário http://sampblh.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar cor do efeito no rank

Mensagem por Harleen 08.07.17 11:36

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'.
Harleen

Harleen
Super Membro

Feminino
Membro desde : 09/07/2012
Mensagens : 1777
Pontos : 2371

Ver perfil do usuário https://antenadogames.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar cor do efeito no rank

Mensagem por Walter Santos 08.07.17 22:03

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.
Walter Santos

Walter Santos
Novo Membro

Masculino
Membro desde : 06/07/2017
Mensagens : 12
Pontos : 20

Ver perfil do usuário http://sampblh.forumeiros.com/

Ir para o topo Ir para baixo

Membro Proficiente

Tópico resolvido Re: Mudar cor do efeito no rank

Mensagem por Luiz 08.07.17 22:07

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/
Luiz

Luiz
Membro Proficiente
Membro Proficiente

Masculino
Membro desde : 23/04/2016
Mensagens : 6644
Pontos : 7447

Ver perfil do usuário https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar cor do efeito no rank

Mensagem por Walter Santos 08.07.17 22:24

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!
Walter Santos

Walter Santos
Novo Membro

Masculino
Membro desde : 06/07/2017
Mensagens : 12
Pontos : 20

Ver perfil do usuário http://sampblh.forumeiros.com/

Ir para o topo Ir para baixo

Membro Proficiente

Tópico resolvido Re: Mudar cor do efeito no rank

Mensagem por Luiz 08.07.17 22:26

Sim, é isso mesmo. Piscada
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

Luiz
Membro Proficiente
Membro Proficiente

Masculino
Membro desde : 23/04/2016
Mensagens : 6644
Pontos : 7447

Ver perfil do usuário https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar cor do efeito no rank

Mensagem por Walter Santos 08.07.17 22:30

Luiz escreveu:Sim, é isso mesmo. Piscada
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!
Walter Santos

Walter Santos
Novo Membro

Masculino
Membro desde : 06/07/2017
Mensagens : 12
Pontos : 20

Ver perfil do usuário http://sampblh.forumeiros.com/

Ir para o topo Ir para baixo

Membro Proficiente

Tópico resolvido Re: Mudar cor do efeito no rank

Mensagem por Luiz 08.07.17 22:44

Às ordens. o/

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.
Luiz

Luiz
Membro Proficiente
Membro Proficiente

Masculino
Membro desde : 23/04/2016
Mensagens : 6644
Pontos : 7447

Ver perfil do usuário https://luizfelipe.dev

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos