Ranks em CSS

Detalhes da questão

Endereço do fórum: http://kaioken.forumeiros.com
Versão do fórum: PunBB

Descrição

Boa noite,

Os seguintes códigos, foram usados para criar o rank de administrador:

Código:

<span class="userAdministrador">Administrador</span>

Código:

.userAdministrador {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #65a830;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}

.userAdministrador {
background: #D60303;
}

A questão é que agora estou a tentar usar o mesmo código para a criação de outros ranks e não está a dar certo. Digam-me o que estou a fazer de errado pff.

Obrigado.

Olá!

Como assim não está a dar certo? Como o senhor está a fazer?
Explique-nos detalhadamente o seu problema.

Até mais.
Fraise

Tem que criar diferente, (se quiser os ranks diferentes lógico) exemplo, se quiser para um rank de moderador, terá que fazer assim:

Código:

<span class="userModerador">Moderador</span>

E no css:

Código:

.userModerador {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
background: COR DO RANK AQUI;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}

Em COR DO RANK AQUI mude para cor que desejar!

Abs.

@Fraise obrigado mas o Shaman, acabou por resolver o meu problema. O estranho é que eu já tinha feito o mesmo sem resultado. Enfim, de certeza que estava a fazer algo errado sem me dar conta.

Obrigado aos dois pela ajuda.