Icone fontawesome em determinadas áreas

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

Resolvido Icone fontawesome em determinadas áreas

Mensagem por Xigncode3 em 26/12/17, 10:27 am

Detalhes da questão


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

Descrição


Ola Welcome FdF gostaria de muda isso
Nao sei se pode fazer + de uma duvida ou pergunta sla caso nao pode me desculpe mesmo tou a 2 dias tentando acha o tutorial dessas explicaçoes a baixo mais nao conssigo achar Chorando ou muito tr Chorando ou muito tr Chorando ou muito tr

No momento meu esta assim

->


queria que ficasse assim
->

meu nick esta assim
->

gostaria que meu nick ficasse assim
->

meu rank do meu forum esta assim
->

queria que ficasse assim
->
avatar

Xigncode3
Nível 7

Masculino
Inscrito dia : 10/10/2017
Mensagens : 82
Pontos Ativos : 132

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

Resolvido Re: Icone fontawesome em determinadas áreas

Mensagem por Pedxz em 26/12/17, 11:14 am

Basta pôr no seu CSS, isto

Código:
div [style*="color: COR DO GRUPO"] {
Estilo
}

poderia ser mais concreto do que você quer, lembrando que só é válido uma pergunta por tópico?
Com sombra, ou com icon, ou com brilho


Fórum dos Fóruns
Fórum de suporte Forumeiros
Leia as Regras do Fórum dos Fóruns.
Alguns setores possuem regras específicas.
Verifique se sua questão já não foi respondida.
Pedxz - Ajudeiro Voluntário2007 Forumeiros
avatar

Pedxz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 13/01/2017
Mensagens : 1037
Pontos Ativos : 1404

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

Resolvido Re: Icone fontawesome em determinadas áreas

Mensagem por Xigncode3 em 26/12/17, 12:26 pm

@Pedxz escreveu:Basta pôr no seu CSS, isto

Código:
div [style*="color: COR DO GRUPO"] {
Estilo
}

poderia ser mais concreto do que você quer, lembrando que só é válido uma pergunta por tópico?
Com sombra, ou com icon, ou com brilho
icone nos grupos de usuarios !!
avatar

Xigncode3
Nível 7

Masculino
Inscrito dia : 10/10/2017
Mensagens : 82
Pontos Ativos : 132

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

Resolvido Re: Icone fontawesome em determinadas áreas

Mensagem por Pedxz em 26/12/17, 01:48 pm

Primeiramente instale os icons awesome do seu fórum

depois ponha isto do seu CSS, dentro do content é o código do ícone, no caso é a estrela, a frente de style é a cor do grupo
Código:
div [style*="#F54336"]::before{
  content: '\F005 ';
  font-family: FontAwesome;
  font-size: 10.5px;
  margin-right: 4px;
  vertical-align: middle;
  }


Fórum dos Fóruns
Fórum de suporte Forumeiros
Leia as Regras do Fórum dos Fóruns.
Alguns setores possuem regras específicas.
Verifique se sua questão já não foi respondida.
Pedxz - Ajudeiro Voluntário2007 Forumeiros
avatar

Pedxz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 13/01/2017
Mensagens : 1037
Pontos Ativos : 1404

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

Resolvido Re: Icone fontawesome em determinadas áreas

Mensagem por Xigncode3 em 26/12/17, 02:10 pm

@Pedxz escreveu:Primeiramente instale os icons awesome do seu fórum

depois ponha isto do seu CSS, dentro do content é o código do ícone, no caso é a estrela, a frente de style é a cor do grupo
Código:
div [style*="#F54336"]::before{
  content: '\F005 ';
  font-family: FontAwesome;
  font-size: 10.5px;
  margin-right: 4px;
  vertical-align: middle;
  }
sem sucesso
avatar

Xigncode3
Nível 7

Masculino
Inscrito dia : 10/10/2017
Mensagens : 82
Pontos Ativos : 132

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

Resolvido Re: Icone fontawesome em determinadas áreas

Mensagem por Pedxz em 26/12/17, 02:25 pm

Tente

Código:
a[style*="#FF0000"]::before {
    content: '\F005 ';
    font-family: FontAwesome;
    font-size: 10.5px;
    margin-right: 4px;
    vertical-align: middle;
}

lembrado que a font awesome tem que ser adicionados como citado em cima


Fórum dos Fóruns
Fórum de suporte Forumeiros
Leia as Regras do Fórum dos Fóruns.
Alguns setores possuem regras específicas.
Verifique se sua questão já não foi respondida.
Pedxz - Ajudeiro Voluntário2007 Forumeiros
avatar

Pedxz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 13/01/2017
Mensagens : 1037
Pontos Ativos : 1404

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

Resolvido Re: Icone fontawesome em determinadas áreas

Mensagem por Ketholy em 26/12/17, 02:27 pm

Olá autor,

Vá em:

Painel de controle>Visualização>Imagens e cores>Cores>Folha de estilo CSS

aplique o seguinte código:
Código:
a.gensmall[style="color: #32A3FA"]:before {
  content: '\f19d \00A0';
  font-family: 'fontawesome';
}

Modifique #32A3FA pela cor do grupo que deseja aplicar o ícone e em f19d modifique pelo ID do ícone que deseja aplicar.

Você pode encontras os ID dos ícones http://astronautweb.co/snippet/font-awesome/.

Caso deseja aplicar nos nicks dos usuário basta usar o seguinte código:
Código:
[href="/u1"] strong:before {
    content: '\f19d  \00A0';
    font-family: fontawesome;
}

Modifique apenas o ID do usuário e ID do ícone.

Até mais!

Tópico movido de 'Questões sobre códigos' para 'Questões sobre a aparência do fórum'.
avatar

Ketholy
Membro do Fórum

Feminino
Inscrito dia : 20/01/2017
Mensagens : 1177
Pontos Ativos : 1390

Ver perfil do usuário http://jogosrpg-com-br.forumais.com/forum http://assuntosgeral-com-br.forumais.com https://twitter.com/Ketholy Suan

Resolvido Re: Icone fontawesome em determinadas áreas

Mensagem por Xigncode3 em 26/12/17, 06:25 pm

FICOU SSIM NO GRUPO E NO NICK
avatar

Xigncode3
Nível 7

Masculino
Inscrito dia : 10/10/2017
Mensagens : 82
Pontos Ativos : 132

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

Resolvido Re: Icone fontawesome em determinadas áreas

Mensagem por Xigncode3 em 26/12/17, 06:28 pm

TIPO EU NAO FIZ NADA ALEM DE POR ESSES COD PRECISA IR LA NO TEMPLETES NAO ?
avatar

Xigncode3
Nível 7

Masculino
Inscrito dia : 10/10/2017
Mensagens : 82
Pontos Ativos : 132

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

Resolvido Re: Icone fontawesome em determinadas áreas

Mensagem por Pedxz em 26/12/17, 06:34 pm

Aceda ao seu template overall_header e abaixo da tag <head> adicione o seguinte código, após isso salve o template

[code]<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.min.css">[/cpde]


Fórum dos Fóruns
Fórum de suporte Forumeiros
Leia as Regras do Fórum dos Fóruns.
Alguns setores possuem regras específicas.
Verifique se sua questão já não foi respondida.
Pedxz - Ajudeiro Voluntário2007 Forumeiros
avatar

Pedxz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 13/01/2017
Mensagens : 1037
Pontos Ativos : 1404

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

Resolvido Re: Icone fontawesome em determinadas áreas

Mensagem por Xigncode3 em 27/12/17, 04:03 pm

nao funcionou Triste
avatar

Xigncode3
Nível 7

Masculino
Inscrito dia : 10/10/2017
Mensagens : 82
Pontos Ativos : 132

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

Resolvido Re: Icone fontawesome em determinadas áreas

Mensagem por while em 27/12/17, 10:00 pm

Olá autor, boa noite..

Quanto a dúvida referente aos ícones antes do nome do grupo, veja: https://ajuda.forumeiros.com/t106347-

Quanto a dúvida referente a personalização de rank, veja: https://ajuda.forumeiros.com/t97582-

Até.
avatar

while
Hiperativo

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3217
Pontos Ativos : 4694

Ver perfil do usuário http://www.ajuda.forumeiros.com https://www.facebook.com/profile.php?id=100012157981279

Resolvido Re: Icone fontawesome em determinadas áreas

Mensagem por Xigncode3 em 27/12/17, 10:43 pm

@while escreveu:Olá autor, boa noite..

Quanto a dúvida referente aos ícones antes do nome do grupo, veja: https://ajuda.forumeiros.com/t106347-

Quanto a dúvida referente a personalização de rank, veja: https://ajuda.forumeiros.com/t97582-

Até.

Quanto a dúvida referente aos ícones antes do nome do grupo, veja: https://ajuda.forumeiros.com/t106347- nao resultou Louco Louco Louco Louco
avatar

Xigncode3
Nível 7

Masculino
Inscrito dia : 10/10/2017
Mensagens : 82
Pontos Ativos : 132

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

Resolvido Re: Icone fontawesome em determinadas áreas

Mensagem por Luiz em 28/12/17, 12:21 am

Olá,

Em primeiro lugar, você deve escolher os ícones para cada grupo.
Para isso, precisarei de você me diga o nome do grupo e em seguida o ícone que você irá colocar nele, por exemplo:

  • Administrador -> fa-star
  • Moderador -> fa-user-secret
  • ...
Você pode consultar a lista dos ícones aqui:
-> http://fontawesome.io/icons/

Ficarei no aguardo. o/
avatar

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 22/04/2016
Mensagens : 6569
Pontos Ativos : 7336

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

Resolvido Re: Icone fontawesome em determinadas áreas

Mensagem por Xigncode3 em 28/12/17, 01:41 am

@Luiz escreveu:Olá,

Em primeiro lugar, você deve escolher os ícones para cada grupo.
Para isso, precisarei de você me diga o nome do grupo e em seguida o ícone que você irá colocar nele, por exemplo:

  • Administrador -> fa-star
  • Moderador -> fa-user-secret
  • ...
Você pode consultar a lista dos ícones aqui:
-> http://fontawesome.io/icons/

Ficarei no aguardo. o/
Tipo
Código:
a.gensmall[style="color: #FA0000"]:before {
  content: '\f132 \f132';
  font-family: 'Administradores';
avatar

Xigncode3
Nível 7

Masculino
Inscrito dia : 10/10/2017
Mensagens : 82
Pontos Ativos : 132

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

Resolvido Re: Icone fontawesome em determinadas áreas

Mensagem por Pedxz em 28/12/17, 06:51 am

@Xigncode3 escreveu:
@Luiz escreveu:Olá,

Em primeiro lugar, você deve escolher os ícones para cada grupo.
Para isso, precisarei de você me diga o nome do grupo e em seguida o ícone que você irá colocar nele, por exemplo:

  • Administrador -> fa-star
  • Moderador -> fa-user-secret
  • ...
Você pode consultar a lista dos ícones aqui:
-> http://fontawesome.io/icons/

Ficarei no aguardo. o/
Tipo
Código:
a.gensmall[style="color: #FA0000"]:before {
  content: '\f132 \f132';
  font-family: 'Administradores';

Olá,

onde você colocou font-family: 'Admimistradores', mude lara font-family: FontAwesome;

content: '\f132 \f132'; cada \F132 significa 1 ícone.

Após isso está correto, e basta por no CSS.

obrigado,


Fórum dos Fóruns
Fórum de suporte Forumeiros
Leia as Regras do Fórum dos Fóruns.
Alguns setores possuem regras específicas.
Verifique se sua questão já não foi respondida.
Pedxz - Ajudeiro Voluntário2007 Forumeiros
avatar

Pedxz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 13/01/2017
Mensagens : 1037
Pontos Ativos : 1404

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

Resolvido Re: Icone fontawesome em determinadas áreas

Mensagem por Xigncode3 em 28/12/17, 03:53 pm

@Pedxz escreveu:
@Xigncode3 escreveu:
@Luiz escreveu:Olá,

Em primeiro lugar, você deve escolher os ícones para cada grupo.
Para isso, precisarei de você me diga o nome do grupo e em seguida o ícone que você irá colocar nele, por exemplo:

  • Administrador -> fa-star
  • Moderador -> fa-user-secret
  • ...
Você pode consultar a lista dos ícones aqui:
-> http://fontawesome.io/icons/

Ficarei no aguardo. o/
Tipo
Código:
a.gensmall[style="color: #FA0000"]:before {
  content: '\f132 \f132';
  font-family: 'Administradores';

Olá,

onde você colocou font-family: 'Admimistradores', mude lara font-family: FontAwesome;

content: '\f132 \f132'; cada \F132 significa 1 ícone.

Após isso está correto, e basta por no CSS.

obrigado,
so penas ficou no grupo de administradores nao tem todos
avatar

Xigncode3
Nível 7

Masculino
Inscrito dia : 10/10/2017
Mensagens : 82
Pontos Ativos : 132

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

Resolvido Re: Icone fontawesome em determinadas áreas

Mensagem por while em 28/12/17, 09:50 pm

Pois você deve fazer manualmente, amigo.

Pega o código hexadecimal da cor do grupo e altere nessa parte do código que lhe foi enviado:

Código:
style="color: #FA0000"

No caso, altere o #FA0000.

Até.
avatar

while
Hiperativo

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3217
Pontos Ativos : 4694

Ver perfil do usuário http://www.ajuda.forumeiros.com https://www.facebook.com/profile.php?id=100012157981279

Resolvido Re: Icone fontawesome em determinadas áreas

Mensagem por Xigncode3 em 29/12/17, 02:33 am

PODE FECHA TA RESOLVIDO
avatar

Xigncode3
Nível 7

Masculino
Inscrito dia : 10/10/2017
Mensagens : 82
Pontos Ativos : 132

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

Resolvido Re: Icone fontawesome em determinadas áreas

Mensagem por Ketholy em 29/12/17, 07:51 am

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

Ketholy
Membro do Fórum

Feminino
Inscrito dia : 20/01/2017
Mensagens : 1177
Pontos Ativos : 1390

Ver perfil do usuário http://jogosrpg-com-br.forumais.com/forum http://assuntosgeral-com-br.forumais.com https://twitter.com/Ketholy Suan

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


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