Adicionar ícones antes do grupo

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

Resolvido Adicionar ícones antes do grupo

Mensagem por Eduardo' em 20/05/16, 11:15 am

Detalhes da questão


Endereço do fórum: http://rdmanimes.forumbrasil.net/
Versão do fórum: PhpBB3

Descrição


Bom dia, li todo o tutorial,só fiquei com dúvida na hora de colocar o cógido entre <head></head> , e tentei por sem entender exatamente, pois bem não consegui. alguem saberia explicar?

P.S:


Última edição por Eduardo' em 21/05/16, 07:17 pm, editado 2 vez(es)
avatar

Eduardo'
Nível 5

Masculino
Inscrito dia : 16/05/2016
Mensagens : 55
Pontos Ativos : 86

Ver perfil do usuário http://rdmanimes.forumbrasil.net/

Resolvido Re: Adicionar ícones antes do grupo

Mensagem por YouTube3 em 20/05/16, 01:06 pm

Você tem que adicionar o código sobre as tags <head>CÓDIGO AQUI</head>
caso não saiba adicionar siga os passos abaixo que já ta entre as tags.

Adicione esse código em seu overall_header:
Salve e publique.
Código:
<head><link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
</head>

Logo em seguida Adicione em sua Folha de estilos css:
Código:
a.gensmall[style="color: #FA0000"]:before {
  content: '\f085 \00A0';
  font-family: 'fontawesome';
}

Link dos ícones: http://astronautweb.co/snippet/font-awesome/

Resulta?
avatar

YouTube3
Membro do Fórum

Masculino
Inscrito dia : 04/01/2015
Mensagens : 1096
Pontos Ativos : 1563

Ver perfil do usuário http://Ajuda.Forumeiros.com

Resolvido Re: Adicionar ícones antes do grupo

Mensagem por Eduardo' em 20/05/16, 06:15 pm

Pois bem amigo, botei dessa forma aqui, e não funcionou.

P.S
avatar

Eduardo'
Nível 5

Masculino
Inscrito dia : 16/05/2016
Mensagens : 55
Pontos Ativos : 86

Ver perfil do usuário http://rdmanimes.forumbrasil.net/

Resolvido Re: Adicionar ícones antes do grupo

Mensagem por Cepheus em 20/05/16, 09:28 pm

A forma está correta, você está errando nesse código css:
Código:

a.gensmall[style="color: #FA0000"]:before {
  content: '\f085 \00A0';
  font-family: 'fontawesome';
}

Onde está #FA0000 você deve trocar pela cor exata do grupo.
Para saber a cor do grupo entre no Painel de Controle Seta Usuários & Grupos  Grupos Seta Administração dos Grupos
Escolha um grupo e clique no icone:  Modificar
Agora você verá um campo escrito: Cor dos membros do grupo:
Lá você verá um código semelhante a #FA0000 (COR EM HEXADECIMAL)

Um exemplo: a cor de administrador do seu fórum é #FA0505
Então o css para administrador ficaria assim:
Código:
a.gensmall[style="color: #FA0505"]:before {
  content: '\f085 \00A0';
  font-family: 'fontawesome';
}

Faça esse processo para cada grupo.

Não esqueça no ultimo trecho do tutorial diz o seguinte:


  •  #FA0000 é a cor do grupo que almejamos adicionar o ícone, aqui você deverá alterar para a cor do grupo que vai desejar adicionar o ícone.

  •  \f085 é o código que será adicionado, você poderá modificar pelo código do ícone que desejar.Veja aqui os códigos existentes: http://astronautweb.co/snippet/font-awesome/

Tentei ser o mais claro possível!


Atenciosamente,
Cepheus!
avatar

Cepheus
Usuário destaque

Masculino
Inscrito dia : 21/03/2014
Mensagens : 514
Pontos Ativos : 1085

Ver perfil do usuário http://www.bestskins.net/

Resolvido Re: Adicionar ícones antes do grupo

Mensagem por Eduardo' em 20/05/16, 10:25 pm

Muito Obrigado Cepheus finalmente consegui faze-ló com a sua ajuda!
Youtube3 Obrigado Também!
avatar

Eduardo'
Nível 5

Masculino
Inscrito dia : 16/05/2016
Mensagens : 55
Pontos Ativos : 86

Ver perfil do usuário http://rdmanimes.forumbrasil.net/

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum