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 Ter 26 Dez 2017 - 12:27

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 Ter 26 Dez 2017 - 13:14

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
avatar

Pedxz
Usuário destaque

Masculino
Inscrito dia : 13/01/2017
Mensagens : 564
Pontos Ativos : 785

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

Resolvido Re: Icone fontawesome em determinadas áreas

Mensagem por Xigncode3 em Ter 26 Dez 2017 - 14:26

@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 Ter 26 Dez 2017 - 15:48

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;
  }
avatar

Pedxz
Usuário destaque

Masculino
Inscrito dia : 13/01/2017
Mensagens : 564
Pontos Ativos : 785

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

Resolvido Re: Icone fontawesome em determinadas áreas

Mensagem por Xigncode3 em Ter 26 Dez 2017 - 16:10

@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 Ter 26 Dez 2017 - 16:25

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
avatar

Pedxz
Usuário destaque

Masculino
Inscrito dia : 13/01/2017
Mensagens : 564
Pontos Ativos : 785

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

Resolvido Re: Icone fontawesome em determinadas áreas

Mensagem por Ketholy em Ter 26 Dez 2017 - 16:27

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 : 1176
Pontos Ativos : 1386

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 Ter 26 Dez 2017 - 20:25

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 Ter 26 Dez 2017 - 20:28

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 Ter 26 Dez 2017 - 20:34

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

Pedxz
Usuário destaque

Masculino
Inscrito dia : 13/01/2017
Mensagens : 564
Pontos Ativos : 785

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

Resolvido Re: Icone fontawesome em determinadas áreas

Mensagem por Xigncode3 em Qua 27 Dez 2017 - 18:03

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 Qui 28 Dez 2017 - 0:00

Olá autor, boa noite..

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

Quanto a dúvida referente a personalização de rank, veja: http://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 Qui 28 Dez 2017 - 0:43

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

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

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

Até.

Quanto a dúvida referente aos ícones antes do nome do grupo, veja: http://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 Qui 28 Dez 2017 - 2:21

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/


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 — Admineiro
avatar

Luiz
Admineiro
Admineiro

Masculino
Inscrito dia : 23/04/2016
Mensagens : 6512
Pontos Ativos : 7288

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

Resolvido Re: Icone fontawesome em determinadas áreas

Mensagem por Xigncode3 em Qui 28 Dez 2017 - 3:41

@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 Qui 28 Dez 2017 - 8:51

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

Pedxz
Usuário destaque

Masculino
Inscrito dia : 13/01/2017
Mensagens : 564
Pontos Ativos : 785

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

Resolvido Re: Icone fontawesome em determinadas áreas

Mensagem por Xigncode3 em Qui 28 Dez 2017 - 17:53

@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 Qui 28 Dez 2017 - 23:50

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 Sex 29 Dez 2017 - 4:33

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 Sex 29 Dez 2017 - 9:51

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 : 1176
Pontos Ativos : 1386

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