Boas-vindas ao Power Pixel

Junte-se a comunidade! Crie o seu próprio conteúdo, e faça amizades.EntrarCriar uma conta

Adicionar icones elegantes a grupos especificos do fórum

+82
ManuelSk
iGustP
Shurek
B.I.G.
deaneo8
Sr Apollo
xcjonathancx
Eduardo'
Zeek
House
Astronaut
MrX4bl4ux22
estica2
SneakMen
cata90
yaTTo
Foxy-xD
The Boss
Sonic_BR
Zildjian
GSCode
Twister-.
Diapt
MzS
ControlP
Wandson_GTA
Desadikta
Loko-poko
Tech-Downloads
Thiago_RzX
Kyuko
Lucas Carvalho
d3v4st
Wandson
GXGamer
Eddye
Stark'
Júnior Duarte
Faraday
Lucas_Simoes
HeroWaar
@Matheus
TiagoDJ7
Gustavo H.
HarryStyles
Noumi
Arcanjo
DeeW.
delkawy
Thiago Leite
gamingdrew
Toz
Replay
silentcode
S4BR1N4
Micul`Wji
Gaab
NeverSay
Optimus
Tassio
Fox
Cepheus
IsmaelS.
RafaelS.
B¹³
LucasJoner
waLLzyk
IonutzD
Pobre louco
Akira
Alexandre51
paulim78
djblah
princejoseph
Help?
Eragon™
Lamarck
Target
[K]oke
Daemon
Mr.Sheldon
waghcwb
86 participantes

waghcwb waghcwb  • Dom 23 Fev 2014 - 17:58

Adicionar icones elegantes a grupos especificos do fórum - Página 4 Empty Adicionar icones elegantes a grupos especificos do fórum Dom 23 Fev 2014 - 17:58

Reputação da mensagem: 100% (16 votos)
Relembrando a primeira mensagem :

[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
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!

House House  • Dom 7 Fev 2016 - 21:33

Zeek Zeek  • Seg 29 Fev 2016 - 14:19

Eduardo' Eduardo'  • Qua 18 maio 2016 - 15:00

xcjonathancx xcjonathancx  • Seg 30 maio 2016 - 21:51

Sr Apollo Sr Apollo  • Qui 16 Jun 2016 - 18:01

deaneo8 deaneo8  • Sáb 27 Ago 2016 - 13:42

B.I.G. B.I.G.  • Ter 30 Ago 2016 - 14:36

Shurek Shurek  • Seg 27 Fev 2017 - 7:54

iGustP iGustP  • Sex 19 maio 2017 - 8:22

ManuelSk ManuelSk  • Seg 29 maio 2017 - 18:41

b3mon b3mon  • Sáb 12 Ago 2017 - 2:05

weks weks  • Sex 22 Set 2017 - 17:27

Negativo Negativo  • Sáb 4 Nov 2017 - 17:31

GlowHPS GlowHPS  • Ter 6 Mar 2018 - 21:00

Conteúdo patrocinado  • 

Adicionar icones elegantes a grupos especificos do fórum - Página 4 Empty Re: Adicionar icones elegantes a grupos especificos do fórum

Permissões neste sub-fórum
Não podes responder a tópicos