Ícones na frente dos grupos

2 participantes

Ir para baixo

Tópico resolvido Ícones na frente dos grupos

Mensagem por Wolli 19.04.21 13:46

Detalhes da questão


Endereço do fórum: https://forumgip.forumeiros.com
Versão do fórum: phpBB3

Descrição


Olá,

Senhores, preciso fazer com que meus grupos fiquem personalizados!
À principio ele está assim:
Ícones na frente dos grupos Ts2dzsW

Mas quero ele assim:
Ícones na frente dos grupos G3SPK7P

Porém, não tenho noção mínima de como fazer, haha.
Podem me ajudar?

Aguardo retorno.
Wolli
Wolli
Novo Membro

Membro desde : 07/04/2021
Mensagens : 9
Pontos : 31

https://forumgip.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Ícones na frente dos grupos

Mensagem por Chagas 19.04.21 22:22

Saudações,

Coloque o código a seguir:


div [style*="#cor do grupo"]::before {
 font-family: "Font Awesome 5 Free";  
 content:'\fcódigo';
 margin-right: 3px;
 font-weight: 1000;
 font-size: 12px;
}

Instruções:

cor do grupo = código hexadecimal da cor respectiva, por exemplo #FFFFFF
código = o código que aparecerá juntamente /f"xxx", pode procurar nesse site https://fontawesome.com/icons
lembrando que deve ser um icon free.

bem como deve ter seguido o tutorial abaixo:
https://ajuda.forumeiros.com/t103208-

Código:
div [style*="#cor do grupo"]::before {
  font-family: "Font Awesome 5 Free";  
  content:'\fcódigo';
  margin-right: 3px;
  font-weight: 1000;
  font-size: 12px;
}

Atenciosamente,
Chagas Party
Chagas
Chagas
Membro

Membro desde : 22/10/2015
Mensagens : 895
Pontos : 1102

https://pelotao.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Ícones na frente dos grupos

Mensagem por Wolli 20.04.21 12:38

Mas eu colo esse código aonde?

E tipo, se eu quiser ele colorido, tipo um arco-íris, qual o código da cor?
Wolli
Wolli
Novo Membro

Membro desde : 07/04/2021
Mensagens : 9
Pontos : 31

https://forumgip.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Ícones na frente dos grupos

Mensagem por Chagas 20.04.21 16:22

Saudações,

Cole o código em Painel de Controle Flecha ajudeiros Visualização Flecha ajudeiros Imagens e Cores Flecha ajudeiros Cores Flecha ajudeiros Folha de estilo CSS Flecha ajudeiros CSS

Por lá, insira o código no início da folha de estilo CSS. Em relação ao efeito rainbow, procure no fórum por essas questões semelhantes ou crie um tópico, já que só é permitido uma por tópico.

Atenciosamente,
Chagas Party
Chagas
Chagas
Membro

Membro desde : 22/10/2015
Mensagens : 895
Pontos : 1102

https://pelotao.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Ícones na frente dos grupos

Mensagem por Chagas 26.04.21 2:28

Tópico resolvido


Tópico arquivado por inatividade por parte do autor, marcado como resolvido por ter solução apropriada à questão.
Chagas
Chagas
Membro

Membro desde : 22/10/2015
Mensagens : 895
Pontos : 1102

https://pelotao.forumeiros.com

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

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