[Tutorial] Icone antes do nome de usuário

Informações:
Autor: While
Funcionalidade: Todas as versões

---

Acesse:

Painel de Controle ☛ Visualização ☛ Imagens e Cores ☛ Cores ☛ Folha de Estilo CSS

E Adicione esse código:

PhpBB2:

Código:


.name strong a[href="/u#"]{
padding-left: 13px;
background: url(linkdireto) no-repeat left;}

#chatbox_members a[href="/u#"]{
padding-left: 13px;
background: url(linkdireto) no-repeat left;}

.gensmall a[href="/u#"]{
padding-left: 13px;
background: url(linkdireto) no-repeat left;}

PunBB:

Código:


.pun .user-ident .username a[href="/u#"]{
padding-left: 13px;
background: url(linkdireto) no-repeat left;}
#chatbox_members a[href="/u#"]{
padding-left: 13px;
background: url(linkdireto) no-repeat left;}
.tcr a[href="/u#"]{
padding-left: 13px;
background: url(linkdireto) no-repeat left;}
#pun-info a[href="/u#"]{
padding-left: 13px;
background: url(linkdireto) no-repeat left;}


Invision:

Código:


.postprofile-details dt a[href="/u#"] span{
padding-left: 13px;
background: url(linkdireto) no-repeat left;}

#chatbox_members a[href="/u#"]{
padding-left: 13px;
background: url(linkdireto) no-repeat left;}

tr a[href="/u#"]{
padding-left: 13px;
background: url(linkdireto) no-repeat left;}


PhpBB3:

Código:


.postprofile strong a[href="/u#"]{
padding-left: 13px;
background: url(linkdireto) no-repeat left;}
#chatbox_members a[href="/u#"]{
padding-left: 13px;
background: url(linkdireto) no-repeat left;}
.lastpost  a[href="/u#"] span{
padding-left: 13px;
background: url(linkdireto) no-repeat left;}

Editar no código:
Procure por: [href="/u#"]
E altere o /u# pelo numero do usuario desejado.

Depois disto, procure por: (linkdireto)
E altere para o link de sua url, mas tem que ficar entre parenteses a url. dessa maneira: (URLDAIMAGEM.png) Entendeu?

Como adicionar ícone a novos membros?
Basta duplicar o código. visto que esses são apenas para um... mas, é em todos os locais que ficará o ícone ^^