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.
Acesso rápido

Fóruns de suporte oficiais
Conectar-se

Esqueci minha senha

Últimos assuntos
» Imagem em determinada área
Hoje à(s) 03:27 pm por Harleen

» Melhorar a aparência desta caixa
Hoje à(s) 03:18 pm por Harleen

» #10422 Forumeiros desativa e reenvia a url para este site
Hoje à(s) 01:35 pm por Shek

» Efeito no avatar em mensagens no tópico
Hoje à(s) 12:35 pm por Harleen

» Remover permissão
Hoje à(s) 11:22 am por Harleen

» Imagem do topico
Hoje à(s) 11:07 am por Harleen

» Template tópicos recentes
Hoje à(s) 10:45 am por Harleen

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Os membros mais ativos da semana
Kyo Panda
 
Harleen
 
Fatalisss
 
JulioPais
 
Holkis
 
Shek
 
APOllO
 
Forumpw
 
MtX
 
Roger_Crazzy
 

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

Angeloid, Connor R., Dark Hunter, Lincoln, Roger_Crazzy

[ 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

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




Bem-vindo ao Fórum dos Fóruns, leia:
Consulte o regulamento do setor suporte
Leia as Perguntas e Respostas
Confira a Lista de Tutoriais, Dicas e Astúcias
Seja sempre educado e descreva sua questão detalhadamente
MP apenas para assuntos importantes.


Camarão que dorme a onde leva...
avatar

Harleen
Ajudeira
Ajudeira

Feminino
Inscrito dia : 09/07/2012
Mensagens : 1230
Pontos Ativos : 1642

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

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

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3510
Pontos Ativos : 4207

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

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

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3510
Pontos Ativos : 4207

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

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

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3510
Pontos Ativos : 4207

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