Adicionar icones elegantes a grupos especificos do fórum

Relembrando a primeira mensagem :

Nome do Arquivo: Adicionar icones elegantes a grupos especificos do fórum
Autor: Wagner
Funcionalidade: Todas as versões
Categoria: Recursos de Outros Autores

Olá, vim disponibilizar para todos um tutorial para inserirmos ícones elegantes aos nicks de usuários de grupos específicos do fórum.
O primeiro passo a ser tomado é adicionar este javascript com investimento em todas as páginas:


Feito isso já estamos aptos a aplicar os efeitos..

O primeiro a se fazer é acessar essa página e olhar os ícones disponíveis, tem uma centena de ícones a escolha..
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

O que nos interessa aqui é aquele código que começa com \f é seguido de algum número..

Escolha seu ícone e vamos adicionar o seguinte código CSS para o nossa folha de estilo:


Onde devemos preencher as informações corretamente, no caso mudar a cor do grupo para o grupo desejado e o código do ícone que está disponível no site que eu passei.

Caso deseje inserir o ícone depois do nick do usuário e não antes, basta trocar o :before por :after..

Vale a pena ressaltar que o CSS passado faz a busca de qualquer elemento que esteja em um span e contenha o atributo color na dor do grupo que você criou..

É isso ai, espero que seja útil! Até a próxima!

Muito legal, fica bunito *-*

Muito bom, agora mãos a obra ^^

Irei testar obrigado!!

Excelente, demorei para pegar a ideia, mas consegui.

Tutorial já sabia faz um tempinho.

Eu nao entendi como botar isso...

Eu quero por esse icon "\f013" mas não ta resultando me ajuda ai

muito bom o código

obrigado, posteo para ver

Muito Obrigado, foi util.

Irei usar pra meu fórum

Ótimo tutorial, até mais..

Comentando pra ver este tutorial

obrigado meu amigo.....

Eu não tinha visto isso! Que bacana cara. Muito obrigado por compartilhar...

thanks for sharing man......

Ótimo tutorial! Vai ajudar bastante!!

Não sabia que FA funcionava com forumeiros, muito bom.

Legal obrigado pelo tutorial!!!!!!

muito bom, thanks for sharing

great tutorial, thanks

Muito Bom estava a procurar por isso.

Não entendi muito bem

Mas vou tentar

privmsg?folder=inbox

Muito bom este tutorial