Ícone no grupo e aos membros do grupo

4 participantes

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

Tópico resolvido Ícone no grupo e aos membros do grupo

Mensagem por Aluuadoo 08.08.21 22:27

Detalhes da questão


Endereço do fórum: https://policiadme.forumeiros.com/forum
Versão do fórum: AwesomeBB

Descrição


Olá!

Estou tendo bastante dificuldade pra resolver meu problema de colocar um ícone do FontAwesome no prefixo de um grupo e no integrante do grupo.
Segui o passo a passo destes tópicos mas não resultou em nada:
https://ajuda.forumeiros.com/t113631-adicionar-icone-no-nome-do-grupo
https://ajuda.forumeiros.com/t106347-tutorial-adicionar-icones-antes-do-grupo

Independente do que eu faça, o ícone não aparece, ele é representado por um quadrado e ou ele fica só no grupo ou só no membro do grupo, prints abaixo:
https://prnt.sc/1lafr4d
https://prnt.sc/1lafwrm

Também vou deixar aqui o spoiler da minha folha de css e o código do overall_header

CSS:

overall_header:

O que eu queria é deixar o ícone aparecendo no grupo e também para os membros dele.
Aluuadoo

Aluuadoo
Nível 3

Masculino
Membro desde : 20/08/2018
Mensagens : 24
Pontos ativos : 42

https://testelusca.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Ícone no grupo e aos membros do grupo

Mensagem por Connor R. 09.08.21 2:28

O erro está na parte do content do css, veja abaixo.

Código:
a.gensmall[style="color: #B254F0"]:before {
 content: '\f005 \00A0';
 font-family: 'fontawesome';
}

O senhor colocou dois ícones '\f005 \00A0', mas é apenas um. Escolha um e coloue entre aspas.
Connor R.

Connor R.
Membro do fórum

Masculino
Membro desde : 06/08/2012
Mensagens : 1220
Pontos ativos : 1965

http://somosmugiwara.forumeiros.com https://www.facebook.com/kadandajr https://twitter.com/SomosMugiwara

Ir para o topo Ir para baixo

Tópico resolvido Re: Ícone no grupo e aos membros do grupo

Mensagem por Aluuadoo 09.08.21 2:57

Connor R. escreveu:O erro está na parte do content do css, veja abaixo.

Código:
a.gensmall[style="color: #B254F0"]:before {
 content: '\f005 \00A0';
 font-family: 'fontawesome';
}

O senhor colocou dois ícones '\f005 \00A0', mas é apenas um. Escolha um e coloue entre aspas.

No caso, ficaria assim o código?

Código:
a.gensmall[style="color: #B254F0"]:before {
  content: '\f005';
  font-family: 'fontawesome';

porque se for, testei agora e o resultado foi o mesmo de antes, o ícone era pra ser uma estrela preenchida, e anda aparece somente no grupo, não fica para os membros dele também.

print: https://prnt.sc/1leveg3
Aluuadoo

Aluuadoo
Nível 3

Masculino
Membro desde : 20/08/2018
Mensagens : 24
Pontos ativos : 42

https://testelusca.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Ícone no grupo e aos membros do grupo

Mensagem por Lobs 09.08.21 16:55

Olá, Aluado.

Por favor, substitua o código do colega Connor R. pelo seguinte:

Código:
a.gensmall[style="color: #B254F0"]:before, span[style="color:#B254F0"][class="color-groups"]:before {
content: '\f005';
font-family: 'fontawesome';
}

Atenciosamente,
Lobs zen
Lobs

Lobs
Membro avançado

Masculino
Membro desde : 02/06/2013
Mensagens : 324
Pontos ativos : 373

https://www.forumnsanimes.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Ícone no grupo e aos membros do grupo

Mensagem por -Xerox- 09.08.21 17:42

Olá, @Aluuadoo !

Caso nenhum dos códigos acima funcione, tente trocando o código:

Código:
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">

por:

Código:
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"/>

em seu overall_header.
-Xerox-

-Xerox-
Nível 10

Masculino
Membro desde : 08/11/2019
Mensagens : 285
Pontos ativos : 429

https://portalcrnblet.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Ícone no grupo e aos membros do grupo

Mensagem por Aluuadoo 09.08.21 21:00

Olá, @Lobs!

Obrigado pela resposta, e infelizmente deu a mesma coisa, o grupo fica com o ícone aparece somente no grupo e como se não fosse reconhecido pelo site:

https://prnt.sc/1luuyu5




@-Xerox- é isso! Funcionou parcialmente, o ícone aparece como deveria aparecer no grupo, porém continua aparecendo só no grupo, o membro do grupo fica sem o ícone no prefixo do nick. Acha que é possível resolver?

No mais, obrigado aos dois pela ajuda!

https://prnt.sc/1lux63x




Edit1: Outra coisa que deu conflito: Eu quero colocar ícones em mais grupos, porém, quando adiciono, os usuários de um grupo ficam com o ícone de outro. Resumindo, quem faz parte do grupo "Supremacia" fica com o ícone do último código que adicionei na folha de CSS.

Print1: https://prnt.sc/1mdv8jy
Print2: https://prnt.sc/1mdvmkp

Código::
Aluuadoo

Aluuadoo
Nível 3

Masculino
Membro desde : 20/08/2018
Mensagens : 24
Pontos ativos : 42

https://testelusca.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Ícone no grupo e aos membros do grupo

Mensagem por -Xerox- 11.08.21 17:55

Olá,  @Aluuadoo !

Retire todos os códigos citados acima que foram adicionados ao seu CSS e troque por:

Código:
a[style*="#B254F0"], span[style*="#B254F0"] {
    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;
}
div [style*="#B254F0"]::before {
  font-family: "Font Awesome 5 Free";  
  content:'\f005';
  margin-right: 3px;
  font-weight: 1000;
  font-size: 12px;
}

E aos demais grupos que não deseja adicionar cores "rainbow", adicione:

Código:
a[style*="COR DO GRUPO"], span[style*="COR DO GRUPO"] {
    font-weight: bold;
}
div [style*="COR DO GRUPO"]::before {
  font-family: "Font Awesome 5 Free";  
  content:'\f0e3';
  color: COR DO GRUPO;
  margin-right: 3px;
  font-weight: 1000;
  font-size: 12px;
}

e substitua as marcações destacadas como "COR DO GRUPO". Lembrando que deve trocar '\f0e3' pelo código do ícone da FontAwesome.

Qualquer dúvida, só criar um tópico.
-Xerox-

-Xerox-
Nível 10

Masculino
Membro desde : 08/11/2019
Mensagens : 285
Pontos ativos : 429

https://portalcrnblet.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Ícone no grupo e aos membros do grupo

Mensagem por Aluuadoo 11.08.21 22:51

Olá @-Xerox-

Os conflitos que eu estava tendo foram todos resolvidos, obrigado! Porém, o grupo que deveria ficar com o efeito "rainbow" fica estático na cor vermelha, assim como seus membros.

Print1: https://prnt.sc/1n1p3sw

Código:
Aluuadoo

Aluuadoo
Nível 3

Masculino
Membro desde : 20/08/2018
Mensagens : 24
Pontos ativos : 42

https://testelusca.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Ícone no grupo e aos membros do grupo

Mensagem por -Xerox- 12.08.21 0:14

Olá, @Aluuadoo !

Vá em sua folha de estilo e desative a opção "Melhorar seu CSS". Creio que isso não irá prejudicar nas questões visuais de seu fórum, mas se prejudicar, peço que crie uma questão para que possam estar resolvendo.
-Xerox-

-Xerox-
Nível 10

Masculino
Membro desde : 08/11/2019
Mensagens : 285
Pontos ativos : 429

https://portalcrnblet.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Ícone no grupo e aos membros do grupo

Mensagem por Aluuadoo 12.08.21 0:51

@-Xerox- a opção já esta marcada como não, assim como as outras duas acima dela. Farei o que disse, obrigado pela ajuda!

Podem fechar.
Aluuadoo

Aluuadoo
Nível 3

Masculino
Membro desde : 20/08/2018
Mensagens : 24
Pontos ativos : 42

https://testelusca.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Ícone no grupo e aos membros do grupo

Mensagem por Lobs 12.08.21 1:40

Tópico resolvido


Movido para "Questões resolvidas".
Lobs

Lobs
Membro avançado

Masculino
Membro desde : 02/06/2013
Mensagens : 324
Pontos ativos : 373

https://www.forumnsanimes.com

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos