Colocar ícones nos grupos

5 participantes

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

Tópico resolvido Colocar ícones nos grupos

Mensagem por Invisveel 17.08.21 14:17

Detalhes da questão


Endereço do fórum: https://fablet.forumeiros.com/
Versão do fórum: ModernBB

Descrição


Eu queria saber como colocar isso:

Colocar ícones nos grupos Dxn0xkS9nzVM5fdvQ3QAAAABJRU5ErkJggg==Colocar ícones nos grupos 7CfVeo99A58bebEeXpwgAAAAAElFTkSuQmCCColocar ícones nos grupos SCvNy0AAAAASUVORK5CYII=Colocar ícones nos grupos O0w3GLWr+L3QGVo64DP7NXOQAAAABJRU5ErkJggg==Colocar ícones nos grupos G8kpmBkdSZJU5uA1DADsTmIBUjtnwgAAAABJRU5ErkJggg==

Nos cargos do fórum.
E se puderem especificar onde pode ir para colocas.
Invisveel

Invisveel
Nível 4

Masculino
Membro desde : 20/07/2021
Mensagens : 33
Pontos ativos : 53

https://dmehb.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Colocar ícones nos grupos

Mensagem por -Xerox- 18.08.21 18:05

Olá, @Invisveel !

Para colocar os códigos, deve ir para sua Folha de Estilo CSS.

Adicione a sua folha de estilo, o seguinte código:

Código:
a[style*="COR DO GRUPO"], span[style*="COR DO GRUPO"] {
        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*="COR DO GRUPO"]::before {
      font-family: "Font Awesome 5 Free"; 
      content:'\[CÓD ÍCONE]';
      margin-right: 3px;
      font-weight: 1000;
      font-size: 12px;
    }

para grupos com coloração arco-íris e:

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:'\[CÓD ÍCONE];
      color: COR DO GRUPO;
      margin-right: 3px;
      font-weight: 1000;
      font-size: 12px;
    }

para grupos que não deseja colorir. Lembre-se que deve colocar em "[COR DO GRUPO" o código Hex do grupo desejado e "[CÓD ÍCONE]" para o código do ícone da Font Awesome. Tirando isso, os códigos de cada grupo que o senhor deseja são esses:

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

a[style*="#0A0A0A"], span[style*="#0A0A0A"] {
        font-weight: bold;
    }
    div [style*="#0A0A0A"]::before {
      font-family: "Font Awesome 5 Free"; 
      content:'\f24e;
      color: #0A0A0A;
      margin-right: 3px;
      font-weight: 1000;
      font-size: 12px;
    }

a[style*="#690606"], span[style*="#690606"] {
        font-weight: bold;
    }
    div [style*="#690606"]::before {
      font-family: "Font Awesome 5 Free"; 
      content:'\f714';
      color: #690606;
      margin-right: 3px;
      font-weight: 1000;
      font-size: 12px;
    }

a[style*="#1E6104"], span[style*="#1E6104"] {
        font-weight: bold;
    }
    div [style*="#1E6104"]::before {
      font-family: "Font Awesome 5 Free"; 
      content:'\f21b';
      color: #1E6104;
      margin-right: 3px;
      font-weight: 1000;
      font-size: 12px;
    }

a[style*="#F21818"], span[style*="#F21818"] {
        font-weight: bold;
    }
    div [style*="#F21818"]::before {
      font-family: "Font Awesome 5 Free"; 
      content:'\f02d';
      color: #F21818;
      margin-right: 3px;
      font-weight: 1000;
      font-size: 13px;
    }

mas lembre-se de fazer oque eu disse acima.
-Xerox-

-Xerox-
Nível 10

Masculino
Membro desde : 08/11/2019
Mensagens : 284
Pontos ativos : 426

https://portalcrnblet.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Colocar ícones nos grupos

Mensagem por Invisveel 18.08.21 20:38

@-Xerox- escreveu:Olá,  @Invisveel !

Para colocar os códigos, deve ir para sua Folha de Estilo CSS.

Adicione a sua folha de estilo, o seguinte código:

Código:
a[style*="COR DO GRUPO"], span[style*="COR DO GRUPO"] {
        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*="COR DO GRUPO"]::before {
      font-family: "Font Awesome 5 Free";  
      content:'\[CÓD ÍCONE]';
      margin-right: 3px;
      font-weight: 1000;
      font-size: 12px;
    }

para grupos com coloração arco-íris e:

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:'\[CÓD ÍCONE];
      color: COR DO GRUPO;
      margin-right: 3px;
      font-weight: 1000;
      font-size: 12px;
    }

para grupos que não deseja colorir. Lembre-se que deve colocar em  "[COR DO GRUPO" o código Hex do grupo desejado e "[CÓD ÍCONE]" para o código do ícone da Font Awesome. Tirando isso, os códigos de cada grupo que o senhor deseja são esses:

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

a[style*="#0A0A0A"], span[style*="#0A0A0A"] {
        font-weight: bold;
    }
    div [style*="#0A0A0A"]::before {
      font-family: "Font Awesome 5 Free";  
      content:'\f24e;
      color: #0A0A0A;
      margin-right: 3px;
      font-weight: 1000;
      font-size: 12px;
    }

a[style*="#690606"], span[style*="#690606"] {
         font-weight: bold;
    }
    div [style*="#690606"]::before {
      font-family: "Font Awesome 5 Free";  
      content:'\f714';
      color: #690606;
      margin-right: 3px;
      font-weight: 1000;
      font-size: 12px;
    }

a[style*="#1E6104"], span[style*="#1E6104"] {
        font-weight: bold;
    }
    div [style*="#1E6104"]::before {
      font-family: "Font Awesome 5 Free";  
      content:'\f21b';
      color: #1E6104;
      margin-right: 3px;
      font-weight: 1000;
      font-size: 12px;
    }

a[style*="#F21818"], span[style*="#F21818"] {
        font-weight: bold;
    }
    div [style*="#F21818"]::before {
      font-family: "Font Awesome 5 Free";  
      content:'\f02d';
      color: #F21818;
      margin-right: 3px;
      font-weight: 1000;
      font-size: 13px;
    }

mas lembre-se de fazer oque eu disse acima.

Olá.
Como não manjo muito disso, o que seria "Código Hex/Font Awesome"?
Invisveel

Invisveel
Nível 4

Masculino
Membro desde : 20/07/2021
Mensagens : 33
Pontos ativos : 53

https://dmehb.forumeiros.com/

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Colocar ícones nos grupos

Mensagem por pedxz 19.08.21 15:07

Olá @Invisveel,

Entrei no seu fórum e vi que conseguiu solucionar a sua questão. Estou correto? Caso não, diga-me que dúvida(s) ainda permanecem.


(Aguardo uma resposta sua)
Atenciosamente,
pedxz.


Olá! Seja bem-vindo(a) ao suporte Forumeiros!


Como acabou de inscrever-se, aqui estão alguns pontos importantes a saber:


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 - Admineiro
pedxz

pedxz
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 6627
Pontos ativos : 7772

Ir para o topo Ir para baixo

Tópico resolvido Re: Colocar ícones nos grupos

Mensagem por Invisveel 19.08.21 17:56

@pedxz escreveu:Olá @Invisveel,

Entrei no seu fórum e vi que conseguiu solucionar a sua questão. Estou correto? Caso não, diga-me que dúvida(s) ainda permanecem.


(Aguardo uma resposta sua)
Atenciosamente,
pedxz.


Olá! Seja bem-vindo(a) ao suporte Forumeiros!



Como acabou de inscrever-se, aqui estão alguns pontos importantes a saber:


As dúvidas que tenho senhor administrador, é a dúvida que citei lá encima sobre "Código Hex/Font Awesome", não sei o que são esses dois e como adicionar os ícones aos cargos.
Invisveel

Invisveel
Nível 4

Masculino
Membro desde : 20/07/2021
Mensagens : 33
Pontos ativos : 53

https://dmehb.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Colocar ícones nos grupos

Mensagem por vcapelli 19.08.21 22:32

Código Hex são códigos hexadecimal para designar cores (exemplo: #000000 = preto)
Font Awesome são os ícones aos cargos

Referente ao código do Xerox:
[COR DO GRUPO] = é a cor do grupo, você pega o código em Usuários & Grupos > Administração dos Grupos > Ação > Editar > Cor dos membros do grupo :
Colocar ícones nos grupos IJYKeOF

[CÓD ÍCONE] = são os ícones que irão aparecer nos cargos, você pode acessar os ícones no seguinte link: FontAwesome. Encontrado o ícone de seu interesse copie o código dele:
Colocar ícones nos grupos VurOTP0

Espero que tenha esclarecido suas dúvidas Party
vcapelli

vcapelli
Nível 9

Masculino
Membro desde : 17/02/2018
Mensagens : 203
Pontos ativos : 394

https://sistema-forum.forumeiros.com/ https://www.facebook.com/capellindao https://twitter.com/vitorcapee

Ir para o topo Ir para baixo

Tópico resolvido Re: Colocar ícones nos grupos

Mensagem por Invisveel 19.08.21 23:23

@vcapelli escreveu:Código Hex são códigos hexadecimal para designar cores (exemplo: #000000 = preto)
Font Awesome são os ícones aos cargos

Referente ao código do Xerox:
[COR DO GRUPO] = é a cor do grupo, você pega o código em Usuários & Grupos > Administração dos Grupos > Ação > Editar > Cor dos membros do grupo :
Colocar ícones nos grupos IJYKeOF

[CÓD ÍCONE] = são os ícones que irão aparecer nos cargos, você pode acessar os ícones no seguinte link: FontAwesome. Encontrado o ícone de seu interesse copie o código dele:
Colocar ícones nos grupos VurOTP0

Espero que tenha esclarecido suas dúvidas Party

Ah, coloquei isso aqui:

Colocar ícones nos grupos GAHGAMYAxgDGwGuNgf8DMfu9SZBqIQUAAAAASUVORK5CYII=

Está correto?

Código:

Código:
a[style*="0A0A0A"], span[style*="0A0A0A"] {
        font-weight: bold;
    }
    div [style*="0A0A0A"]::before {
      font-family: "Font Awesome 5 Free"; 
      content:'\[https://fontawesome.com/v5.9/icons/balance-scale?style=solid;
      color: 0A0A0A;
      margin-right: 3px;
      font-weight: 1000;
      font-size: 12px;
    }

Invisveel

Invisveel
Nível 4

Masculino
Membro desde : 20/07/2021
Mensagens : 33
Pontos ativos : 53

https://dmehb.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Colocar ícones nos grupos

Mensagem por vcapelli 20.08.21 0:02

@Invisveel escreveu:
Colocar ícones nos grupos GAHGAMYAxgDGwGuNgf8DMfu9SZBqIQUAAAAASUVORK5CYII=

Está correto?

O seu código não está certo.

No código hexadecimal está faltando a #; ficaria: "#0A0A0A"
No código FontAwesome você tem que escolher o seu ícone no site, clicar nele e copiar o unicode do ícone como no print abaixo; ficaria: '\f368'
Colocar ícones nos grupos VurOTP0
vcapelli

vcapelli
Nível 9

Masculino
Membro desde : 17/02/2018
Mensagens : 203
Pontos ativos : 394

https://sistema-forum.forumeiros.com/ https://www.facebook.com/capellindao https://twitter.com/vitorcapee

Ir para o topo Ir para baixo

Tópico resolvido Re: Colocar ícones nos grupos

Mensagem por Invisveel 20.08.21 0:10

@vcapelli escreveu:
@Invisveel escreveu:
Colocar ícones nos grupos GAHGAMYAxgDGwGuNgf8DMfu9SZBqIQUAAAAASUVORK5CYII=

Está correto?

O seu código não está certo.

No código hexadecimal está faltando a #; ficaria: "#0A0A0A"
No código FontAwesome você tem que escolher o seu ícone no site, clicar nele e copiar o unicode do ícone como no print abaixo; ficaria: '\f368'
Colocar ícones nos grupos VurOTP0

Havia percebido kkk.
Mais uma vez, agradecido.  Muito feliz
Invisveel

Invisveel
Nível 4

Masculino
Membro desde : 20/07/2021
Mensagens : 33
Pontos ativos : 53

https://dmehb.forumeiros.com/

Ir para o topo Ir para baixo

Ajudeiro

Tópico resolvido Re: Colocar ícones nos grupos

Mensagem por Lobs 20.08.21 0:55

Tópico resolvido


Movido para "Questões resolvidas".


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.
Lobs - Ajudeiro
Lobs

Lobs
Ajudeiro
Ajudeiro

Masculino
Membro desde : 02/06/2013
Mensagens : 297
Pontos ativos : 338

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


Permissões neste fórum
Você não pode responder aos tópicos