Ranks em CSS

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Ranks em CSS

Mensagem por Genki em 05/11/15, 02:11 am

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.
avatar

Genki
Nível 8

Masculino
Inscrito dia : 28/06/2014
Mensagens : 111
Pontos Ativos : 174

Ver perfil do usuário http://gfxdesign.livreforum.com/forum

Resolvido Re: Ranks em CSS

Mensagem por Fraise em 05/11/15, 02:34 am

Olá!

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

Até mais.
Fraise
avatar

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5034
Pontos Ativos : 6714

Ver perfil do usuário http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Ranks em CSS

Mensagem por Shaman em 05/11/15, 02:35 am

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.
avatar

Shaman
Membro do Fórum

Masculino
Inscrito dia : 30/01/2014
Mensagens : 1784
Pontos Ativos : 2448

Ver perfil do usuário http://www.nexplorer.tk https://www.facebook.com/pages/Nexplorer/857666487628799?fref=ts

Resolvido Re: Ranks em CSS

Mensagem por Genki em 05/11/15, 10:40 am

@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. Positivo
avatar

Genki
Nível 8

Masculino
Inscrito dia : 28/06/2014
Mensagens : 111
Pontos Ativos : 174

Ver perfil do usuário http://gfxdesign.livreforum.com/forum

Resolvido Re: Ranks em CSS

Mensagem por Fraise em 05/11/15, 11:18 am

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".
avatar

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5034
Pontos Ativos : 6714

Ver perfil do usuário http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum