Icone fontawesome em determinadas áreas

por Xigncode3 26.12.17 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

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

No momento meu esta assim

-> Icone fontawesome em determinadas áreas Dsadsa14

queria que ficasse assim
-> Icone fontawesome em determinadas áreas Dsadsa15

meu nick esta assim
-> Icone fontawesome em determinadas áreas Sem_ty12

gostaria que meu nick ficasse assim
-> Icone fontawesome em determinadas áreas Sem_ty14

meu rank do meu forum esta assim
-> Icone fontawesome em determinadas áreas Fdfdfd10

queria que ficasse assim
-> Icone fontawesome em determinadas áreas Sem_ty13

por **tikky** 26.12.17 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

por Xigncode3 26.12.17 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 !!

por **tikky** 26.12.17 15:48

Primeiramente instale os icons awesome do seu fórum

https://ajuda.forumeiros.com/t106576-instalar-fontawesome-no-forum?highlight=fontawesome

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

por Xigncode3 26.12.17 16:10

Pedxz escreveu:Primeiramente instale os icons awesome do seu fórum
https://ajuda.forumeiros.com/t106576-instalar-fontawesome-no-forum?highlight=fontawesome

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

por **tikky** 26.12.17 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

por Ketholy 26.12.17 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'.

por Xigncode3 26.12.17 20:25

FICOU SSIM NO GRUPO E NO NICK

por Xigncode3 26.12.17 20:28

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

por **tikky** 26.12.17 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]

por Xigncode3 27.12.17 18:03

nao funcionou Triste

por while 28.12.17 0:00

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

por Xigncode3 28.12.17 0:43

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

por Luiz 28.12.17 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/

por Xigncode3 28.12.17 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';

por **tikky** 28.12.17 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,

por Xigncode3 28.12.17 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

por while 28.12.17 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é.

por Xigncode3 29.12.17 4:33

PODE FECHA TA RESOLVIDO

por Ketholy 29.12.17 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.

Icone fontawesome em determinadas áreas