Staffer Group BR™

Fórum interativo totalmente gratuito!

/* Widget *//* Resposta rápida bloqueada */
Cadastre-se
→ Crie a sua conta

 VisualizaçõesPermissão deste fórum:
Você não pode responder aos tópicos neste fórum


CurtirDiretório deste fórum:
Fóruns » Arquivos » Arquivo

#1
 D'Leandro™

avatar
Fundador
TUTORIALÍcone para usuários de grupos


Descrição: Com este código bem simples você poderá colocar um ícone ao lado do nick de todos os usuários de um grupo e/ou de um usuário específico. Você também pode usar a criatividade e colocar neon, cores, brilhos e tudo o que você imaginar, tudo dentro dos limites do CSS.

Versão: Todas

Para começar vamos colocar o código CSS. (Painel de controle > Visualizações > Imagens & Cores > Cores > Folha de estilo CSS)
Código:
a span[style="color:COR_DO_GRUPO"], a[style="color:COR_DO_GRUPO"] {/* Admin */
    padding-left: 17px;
    padding-top: 2px;
    padding-bottom: 2px;
    background: url('MINI_ÍCONE') no-repeat scroll 0% 0% / 16px auto transparent;
}
Agora vamos aprender a manusear o código para que possamos edita-lo.
Procure por COR_DO_GRUPO = Aqui você vai colocar a cor do grupo que receberá o design, agora procure por MINI_ÍCONE = Aqui você colocará um ícone que ficará na frente do nick dos usuários do grupo.

- -> Como saber a cor do grupo <- -
Painel de Controle > Usuários & Grupos > Administração dos Grupos
Escolha o grupo que você quer adicionar o ícone e clique em , você poderá ver a cor do grupo.
Copie essa cor e cole no local correspondente no código. (Veja na imagem)


  • Resultado:



Criador: D'Leandro™ (É só CSS e existem outros códigos quase iguais, CSS é universal não se pode dar autoria)
Site: http://staffergroupbr.stuning.net/
Ver perfil do usuário