Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Conectar-se

Esqueci minha senha

Últimos assuntos
» Emblemas não está sendo modificado
Hoje à(s) 12:14 am por iScroll

» Forum atualiza mais não modifica
Ontem à(s) 11:59 pm por paulim78

» Adicionar Imagem
Ontem à(s) 11:57 pm por paulim78

» Efeito Canvas
Ontem à(s) 11:04 pm por Daniel Yan

» posição like.
Ontem à(s) 10:58 pm por paulim78

» Código JavaScript do Chatbox não surtiu efeito
Ontem à(s) 10:50 pm por Lemon~

» Problema com Widget Tópicos Recentes
Ontem à(s) 10:04 pm por Ketholy

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Os membros mais ativos da semana
Ketholy
 
paulim78
 
Gaaratsu
 
while
 
Shek
 
Fou-Lu
 
Eduardo Lima
 
Lemon~
 
odelgado
 
LucasPofahl
 

Quem está conectado
209 usuários online :: 2 usuários cadastrados, Nenhum Invisível e 207 Visitantes :: 2 Motores de busca

Punisher, YouTube Funk

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

Mudar cor do efeito no rank

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

Resolvido Mudar cor do efeito no rank

Mensagem por Walter Santos em 08/07/17, 07:22 am

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, 06:31 pm, editado 1 vez(es)
avatar

Walter Santos
Nível 2

Masculino
Inscrito dia : 06/07/2017
Mensagens : 12
Pontos Ativos : 20

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

Resolvido Re: Mudar cor do efeito no rank

Mensagem por Harleen em 08/07/17, 07:36 am

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 http://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'.
avatar

Harleen
Membro do Fórum

Feminino
Inscrito dia : 09/07/2012
Mensagens : 1522
Pontos Ativos : 1973

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

Resolvido Re: Mudar cor do efeito no rank

Mensagem por Walter Santos em 08/07/17, 06:03 pm

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.
avatar

Walter Santos
Nível 2

Masculino
Inscrito dia : 06/07/2017
Mensagens : 12
Pontos Ativos : 20

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

Resolvido Re: Mudar cor do efeito no rank

Mensagem por Luiz em 08/07/17, 06:07 pm

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/


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5808
Pontos Ativos : 6646

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Mudar cor do efeito no rank

Mensagem por Walter Santos em 08/07/17, 06:24 pm

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!
avatar

Walter Santos
Nível 2

Masculino
Inscrito dia : 06/07/2017
Mensagens : 12
Pontos Ativos : 20

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

Resolvido Re: Mudar cor do efeito no rank

Mensagem por Luiz em 08/07/17, 06:26 pm

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/


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5808
Pontos Ativos : 6646

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Mudar cor do efeito no rank

Mensagem por Walter Santos em 08/07/17, 06:30 pm

@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!
avatar

Walter Santos
Nível 2

Masculino
Inscrito dia : 06/07/2017
Mensagens : 12
Pontos Ativos : 20

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

Resolvido Re: Mudar cor do efeito no rank

Mensagem por Luiz em 08/07/17, 06:44 pm

À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.


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5808
Pontos Ativos : 6646

Ver perfil do usuário https://github.com/lffg/

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum