Icones font awesome bugou nos usuários.

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

Atendido / Resolvido Icones font awesome bugou nos usuários.

Mensagem por ThiagoM. 01.05.20 18:34

Detalhes da questão


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

Descrição


Boa tarde, estava atualizando os ícones para o Font Awesome 5, que no caso deu certo, mas os usuários não pegou e ficou um quadrado. Como pode ver nesta print: https://prntscr.com/s9b82w

Estou usando o seguinte  code na CSS.
Código:
a[style="color: #595959"].gensmall[href^="/g"]::before,
a[href^="/u"] span[style="color:#595959"]::before {
  content: "\f121";
  font-family: "Font Awesome 5 Free";
  padding-right: 3px;
}
ThiagoM.

ThiagoM.
Nível 5

Masculino
Inscrito dia : 03/05/2019
Mensagens : 42
Pontos Ativos : 64

https://sisuk.forumeiros.com

Atendido / Resolvido Re: Icones font awesome bugou nos usuários.

Mensagem por Chanp 01.05.20 19:09

Olá ThiagoM,

Tente colocar este código no lugar do atual.

Código:
div [style*="#595959"]::before {
font-family: "Font Awesome 5 Free";
content: "\f121";
margin-right: 3px;
font-size: 12px;
font-weigth: 1000;
}

Caso continue com problema, isso significa que o problema está na instalação dos ícones FontAwesome no fórum. Para saber como instalar corretamente, acesse este tutorial: https://ajuda.forumeiros.com/t103208-

Em seguida, retorne para nos dizer se surtiu efeito.
Chanp Feliz
Chanp

Chanp
Membro do Fórum

Masculino
Inscrito dia : 04/01/2018
Mensagens : 1072
Pontos Ativos : 1191

https://2forum2.forumeiros.com/

Atendido / Resolvido Re: Icones font awesome bugou nos usuários.

Mensagem por pedxz 01.05.20 19:26

Olá @ThiagoM.,

O código em cima possui um erro, basta remover o espaço entre a div e o [style, veja que o seu código usa uma versão diferente do FontAwesome, seguindo os passos do tópico em cima, altere a URL para:
Código:
<link href="https://use.fontawesome.com/releases/v5.10.2/css/all.css" rel="stylesheet" />


Atenciosamente,
pedxz.

19:30:54
Veja que o código em cima usa:
Código:
font-weigth: 1000;
e isso não existe, o corretor seria font-weight: 400; leia que font-weight pode ser usado: https://fontawesome.com/how-to-use/on-the-web/referencing-icons/basic-use


Boas-vindas 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 editando a sua primeira postagem.
Pedxz - Moderadeiro
pedxz

pedxz
Moderadeiro
Moderadeiro

Inscrito dia : 13/01/2017
Mensagens : 5841
Pontos Ativos : 6950

Atendido / Resolvido Re: Icones font awesome bugou nos usuários.

Mensagem por ThiagoM. 01.05.20 19:36

Fiz as modificações e não surgiu efeito, os usuários ainda continua sem os ícones.
Lembrando que os grupos estão , são só os usuários mesmo.

Após eu remover o espaço entre div e [style o ícone sumiu.
ThiagoM.

ThiagoM.
Nível 5

Masculino
Inscrito dia : 03/05/2019
Mensagens : 42
Pontos Ativos : 64

https://sisuk.forumeiros.com
  • 0

Atendido / Resolvido Re: Icones font awesome bugou nos usuários.

Mensagem por Sleep 02.05.20 4:45

Olá,

Em primeiro siga este tutorial para a instalação do Font Awesome Seta https://ajuda.forumeiros.com/t103208-

Depois utilize este código:
Código:
div [style*="#595959"]::before {
  font-family: "Font Awesome 5 Free"; 
  content:'\f121;
  margin-right: 3px;
  font-weight: 1000;
  font-size: 12px;
}

Pode atribuir icon por usuário também:
Código:
a[href="/u1"] {
    background: repeating-linear-gradient(to right, #FF0000, #FF7F00, #FFFF00, #00FF00, #0000ff, #4b0082, #8f00ff);
    -webkit-background-clip: text;
    background-size: 1800% 1800%;
    -webkit-text-fill-color: transparent;
    animation: rainbow 3s ease infinite;
}
 
@keyframes rainbow {0% {background-position: 0% 82%;} 50% {background-position: 100% 19%;} 100% {background-position: 0% 82%;}
}
 
a[href="/u1"]:before {
  font-family: "Font Awesome 5 Free";
  content: '\f007';
}
Para configurar basta alterar o ID do membro /u1 para o pretendido, já o ícone pode ser mudado basta pesquisar f007 e alterar para um da lista: https://fontawesome.com/icons

Atenciosamente,
Sleep
Sleep

Sleep
Usuário destaque

Masculino
Inscrito dia : 10/08/2012
Mensagens : 782
Pontos Ativos : 971

https://syndicaterp.forumeiros.com/

Atendido / Resolvido Re: Icones font awesome bugou nos usuários.

Mensagem por ThiagoM. 02.05.20 14:59

Opa, muito obrigado @Sleep

Eu apenas troquei o code do CSS:
Código:
div [style*="#595959"]::before {
  font-family: "Font Awesome 5 Free";
  content:'\f121;
  margin-right: 3px;
  font-weight: 1000;
  font-size: 12px;
}

Quando o coloquei não funcionou, mas vi que estava faltando um
'
então após adicionar funcionou perfeitamente. O code abaixo de usuários não séria a minha idéia, pois queria para adicionar á todos do grupo.

Muito obrigado, pode fechar. Muito feliz
ThiagoM.

ThiagoM.
Nível 5

Masculino
Inscrito dia : 03/05/2019
Mensagens : 42
Pontos Ativos : 64

https://sisuk.forumeiros.com

Atendido / Resolvido Re: Icones font awesome bugou nos usuários.

Mensagem por Chagas 02.05.20 15:53

Tópico resolvido


Movido para "Questões resolvidas".
Chagas

Chagas
Usuário destaque

Masculino
Inscrito dia : 22/10/2015
Mensagens : 755
Pontos Ativos : 942

https://pelotao.forumeiros.com

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