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 5

Masculino
Membro desde : 20/07/2021
Mensagens : 57
Pontos ativos : 86

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 : 285
Pontos ativos : 429

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 5

Masculino
Membro desde : 20/07/2021
Mensagens : 57
Pontos ativos : 86

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

pedxz
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7067
Pontos ativos : 8295

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 5

Masculino
Membro desde : 20/07/2021
Mensagens : 57
Pontos ativos : 86

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 : 205
Pontos ativos : 403

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:
Invisveel

Invisveel
Nível 5

Masculino
Membro desde : 20/07/2021
Mensagens : 57
Pontos ativos : 86

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 : 205
Pontos ativos : 403

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 5

Masculino
Membro desde : 20/07/2021
Mensagens : 57
Pontos ativos : 86

https://dmehb.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Colocar ícones nos grupos

Mensagem por Lobs 20.08.21 0:55

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