Rank's em .CSS

Minha questão:

Olá,

Queria estes rank's em .CSS:

- [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
- [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Tópico: [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Se possível também gostaria de saber se era possível adicionar um ícone atrás de cada rank, pode ser como aqueles a BestSkins tem atrás de cada grupo de staff.

---

Endereço do meu fórum:
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Versão:
PunBB

@[Tens de ter uma conta e sessão iniciada para poderes visualizar este link], desculpem o double-post, mas foi o mindlezz que os criou e queria ver se ele me ajudava

Primeiro preciso do nome e class dos ranks amigo, já possuo o código que deseja.

Olá,

Penso que seja isto que deseja:

Administrador - g12 - Cor: #FF6600
Moderador - g13 - Cor: #72A300
Publicitário - g14 - Cor: #3396FF
Designer - g16 - Cor: #AA37B0
Membro - g8 - Cor: #516882
Programador - g15 - Cor: #FFAA00

Sim amigo, mas quais as classes que você deu nos ranks?

CSS:



Use os ranks abaixo de acordo com seus respectivos grupos:

Código:

<div class="rank admin">Administrador</div>
<div class="rank moderador">Moderador</div>
<div class="rank publicitario">Publicitário</div>
<div class="rank designer">Designer</div>
<div class="rank membro">Membro</div>
<div class="rank programador">Programador</div>

ou ainda se preferir, para quando você precisar criar um outro rank, sem precisar mexer no css, você também pode fazer da seguinte maneira:

Código:

<div class="rank" style="background-color:#FF6600;">Administrador</div>

trocando apenas a cor no caso: #FF6600
E o nome, pelo desejado.

Olá,

Amigo ficou perfeito, se quiser adicionar os ícones atrás tem possibilidade? Como estes: [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

vc terá que modificar as linhas:

Código:

.admin{ background-color:#FF6600;}

no exemplo estou modificando o grupo administrador

troque por:

Código:

.admin, .admin span:before {content: "\f0ac"!important;background-color:#FF6600!important;font-family: 'FontAwesome';padding: 0 4px;}

em: \f0ac (troque pelo código do ícone desejado)
em: #FF6600 (pela cor do grupo)

OBS: faça isso em todos os ranks no css

agora vc terá que modificar tbm o HTML:
ficando assim:

Código:

<div class="rank admin"><span></span>Administrador</div>

resultado:
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

Olá,

Perfeito amigo, obrigado e resolvido!

[sucesso=Tópico Resolvido; e Bloqueado][/sucesso]Movido para: Arquivo - Pedido de código