Adicionar icones elegantes a grupos especificos do fórum

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!

Explique mais, não entendi NADS

Como não amigo? É tudo muito simples, veja esta página: [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Esta vendo a lista de  ícones lá? Então, o tutorial ensina a inserir esses ícones nos nomes dos usuários, igual aqui: [Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem][ [Tens de ter uma conta e sessão iniciada para poderes visualizar este link] ]

É só inserir o Javascript e o CSS e pronto!

ae entendi. bom código REP

[sucesso=Tutorial aceito][/sucesso]Movido para: Dicas e Tutoriais

Tutorial já sabia faz um tempinho.

Não entendi muito bem o motivo de ter um jQuery. Mas, bom tutorial!

Efeito legal, gostei do tutorial.

é parece seer bem util irei usar!!

nao entendi nada

very good nice

no entiendo

Cade o JS?????

meio confuso

Cade o JS? mano

gracias 
gracias
gracias

comentando para ver

Muito Bom!.

interessante, estarei adotando em meu fórum :3

Comentando, parece interessante *-*

Postar para ver

bem interessante, só não sei pq muitos estão com dificuldade.
Obrigado

Muito bom, parabéns

Eu irei adicionar isso em meu fórum. obrigado!