Adicionar ícones antes do grupo

Item: Adicionar ícones antes do grupo
Rating: 1

por Eduardo' 20.05.16 15:15

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: Adicionar ícones antes do grupo Print_10

Adicionar ícones antes do grupo Print_10

por YouTube3 20.05.16 17:06

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?

por Eduardo' 20.05.16 22:15

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

P.S Adicionar ícones antes do grupo Mandar10

por Cepheus 21.05.16 1:28

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 Adicionar ícones antes do grupo Groupes

Grupos

Administração dos Grupos
Escolha um grupo e clique no icone: Adicionar ícones antes do grupo Editer

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/