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
» Banneer de area nova animais silvestres
Hoje à(s) 12:26 am por EDU2010

» Como adicionar um fundo a barra de menus?
Ontem à(s) 11:59 pm por SetRaiden

» Plaquinhas de Rank para o meu Fórum
Ontem à(s) 11:12 pm por Lost154

» Ajustar widget de últimos assuntos
Ontem à(s) 09:53 pm por iScroll

» criação de avatar para meu fórum
Ontem à(s) 09:04 pm por soldado

» Apagar a Lixeira, sem afetar os Pontos
Ontem à(s) 09:00 pm por Luiz

» Mensagens de Aviso Bugadas
Ontem à(s) 08:59 pm por Luiz

Instale agora o aplicativo Topic'it e acesse o suporte de Forumeiros pelo celular.
Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Quem está conectado
219 usuários online :: 5 usuários cadastrados, Nenhum Invisível e 214 Visitantes :: 2 Motores de busca

[SRD]JimClark, Alcohol, EDU2010, Lost154, SetRaiden

[ 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 : 8
Pontos Ativos : 14

Ver perfil do usuário http://servidorstyle007.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 : 1499
Pontos Ativos : 1941

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 : 8
Pontos Ativos : 14

Ver perfil do usuário http://servidorstyle007.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.
Seja cordial e respeite o tempo dos voluntários para atender o seu pedido.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 4106
Pontos Ativos : 4725

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 : 8
Pontos Ativos : 14

Ver perfil do usuário http://servidorstyle007.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.
Seja cordial e respeite o tempo dos voluntários para atender o seu pedido.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 4106
Pontos Ativos : 4725

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 : 8
Pontos Ativos : 14

Ver perfil do usuário http://servidorstyle007.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.
Seja cordial e respeite o tempo dos voluntários para atender o seu pedido.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 4106
Pontos Ativos : 4725

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