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 6

Masculino
Inscrito dia : 10/10/2017
Mensagens : 78
Pontos Ativos : 124

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
avatar

Pedxz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 13/01/2017
Mensagens : 367
Pontos Ativos : 521

Ver perfil do usuário http://power-pixel.net https://www.facebook.com/pedxz

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 6

Masculino
Inscrito dia : 10/10/2017
Mensagens : 78
Pontos Ativos : 124

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

Pedxz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 13/01/2017
Mensagens : 367
Pontos Ativos : 521

Ver perfil do usuário http://power-pixel.net https://www.facebook.com/pedxz

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 6

Masculino
Inscrito dia : 10/10/2017
Mensagens : 78
Pontos Ativos : 124

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
avatar

Pedxz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 13/01/2017
Mensagens : 367
Pontos Ativos : 521

Ver perfil do usuário http://power-pixel.net https://www.facebook.com/pedxz

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


Bem-vindo(a) ao Fórum dos Fóruns Convidado!
Leia as Regras do Fórum dos Fóruns (FDF) e o Regulamento 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.
Ketholy —Moderadeira
avatar

Ketholy
Moderadeira
Moderadeira

Feminino
Inscrito dia : 20/01/2017
Mensagens : 1146
Pontos Ativos : 1363

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 6

Masculino
Inscrito dia : 10/10/2017
Mensagens : 78
Pontos Ativos : 124

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 6

Masculino
Inscrito dia : 10/10/2017
Mensagens : 78
Pontos Ativos : 124

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

Pedxz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 13/01/2017
Mensagens : 367
Pontos Ativos : 521

Ver perfil do usuário http://power-pixel.net https://www.facebook.com/pedxz

Resolvido Re: Icone fontawesome em determinadas áreas

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

nao funcionou Triste
avatar

Xigncode3
Nível 6

Masculino
Inscrito dia : 10/10/2017
Mensagens : 78
Pontos Ativos : 124

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: http://ajuda.forumeiros.com/t106347-

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

Até.


Flecha ajudeiros Respeite as Regras do fórum e conheça a nossa equipe e diretrizes do FdF!
Flecha ajudeiros Respeite as Regras da seção de Suporte.
Flecha ajudeiros MP apenas para assuntos importantes!
Flecha ajudeiros Seu tópico foi resolvido ? Não se esqueça de clicar no
avatar

while
Ajudeiro
Ajudeiro

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

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: 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 6

Masculino
Inscrito dia : 10/10/2017
Mensagens : 78
Pontos Ativos : 124

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/


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

Luiz
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5978
Pontos Ativos : 6799

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 6

Masculino
Inscrito dia : 10/10/2017
Mensagens : 78
Pontos Ativos : 124

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

Pedxz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 13/01/2017
Mensagens : 367
Pontos Ativos : 521

Ver perfil do usuário http://power-pixel.net https://www.facebook.com/pedxz

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 6

Masculino
Inscrito dia : 10/10/2017
Mensagens : 78
Pontos Ativos : 124

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


Flecha ajudeiros Respeite as Regras do fórum e conheça a nossa equipe e diretrizes do FdF!
Flecha ajudeiros Respeite as Regras da seção de Suporte.
Flecha ajudeiros MP apenas para assuntos importantes!
Flecha ajudeiros Seu tópico foi resolvido ? Não se esqueça de clicar no
avatar

while
Ajudeiro
Ajudeiro

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

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 6

Masculino
Inscrito dia : 10/10/2017
Mensagens : 78
Pontos Ativos : 124

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.


Bem-vindo(a) ao Fórum dos Fóruns Convidado!
Leia as Regras do Fórum dos Fóruns (FDF) e o Regulamento 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.
Ketholy —Moderadeira
avatar

Ketholy
Moderadeira
Moderadeira

Feminino
Inscrito dia : 20/01/2017
Mensagens : 1146
Pontos Ativos : 1363

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