Personalização dos ranks via CSS

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

Resolvido Personalização dos ranks via CSS

Mensagem por Casie em 25/05/15, 08:40 pm

Saudações amigos,
Vi que muitos tem esse RANK EM CSS só que não acho em nenhum lugar.
Eu queria o código CSS e o código para por no título do rank por exemplo: <div class="adm" e assim vai.
Clique Aqui e veja a imagem.
avatar

Casie
Nível 8

Masculino
Inscrito dia : 25/03/2015
Mensagens : 116
Pontos Ativos : 185

Ver perfil do usuário http://unix-forum.umforum.net

Resolvido Re: Personalização dos ranks via CSS

Mensagem por Diapt em 25/05/15, 08:51 pm

Ultilize esse CSS:
Código:
.userAdministrador, .userClient, .userSuporte, .userDesigner, .userManagement, .userMember, .userNewba, .userModerator, .userStaff, .vipBS, .userProgrammer {
  margin-top: 9px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background: transparent;
  border-radius: 3px;
  border-top: 1px solid rgba(0,0,0,.20);
  bottom: -7px;
  color: #fff;
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  text-shadow: 0 2px 0 rgba(0,0,0,0.14);
  text-transform: uppercase;
  font-family: Ubuntu;
  padding-bottom: 5px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
}
 
.userAdministrador {
background: #881418;
}

Bote no nome do grupo em Administração de Grupos:
<span class="userAdministrador"><b>Administrador</b></span>

Até, beijos  Eu amo você
avatar

Diapt
Nível 8

Masculino
Inscrito dia : 24/05/2015
Mensagens : 128
Pontos Ativos : 190

Ver perfil do usuário http://www.temas.forumeiros.com

Resolvido Re: Personalização dos ranks via CSS

Mensagem por Casie em 25/05/15, 08:56 pm

Olá, coloquei do user Administrador até o programador em uma linha, isso afetará o CSS do rank?
avatar

Casie
Nível 8

Masculino
Inscrito dia : 25/03/2015
Mensagens : 116
Pontos Ativos : 185

Ver perfil do usuário http://unix-forum.umforum.net

Resolvido Re: Personalização dos ranks via CSS

Mensagem por Diapt em 25/05/15, 09:26 pm

Não, senhor.
avatar

Diapt
Nível 8

Masculino
Inscrito dia : 24/05/2015
Mensagens : 128
Pontos Ativos : 190

Ver perfil do usuário http://www.temas.forumeiros.com

Resolvido Re: Personalização dos ranks via CSS

Mensagem por Casie em 25/05/15, 09:28 pm

Funcionou perfeitamente! Reputado.
avatar

Casie
Nível 8

Masculino
Inscrito dia : 25/03/2015
Mensagens : 116
Pontos Ativos : 185

Ver perfil do usuário http://unix-forum.umforum.net

Resolvido Re: Personalização dos ranks via CSS

Mensagem por Rafael em 26/05/15, 06:53 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

Rafael
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3118
Pontos Ativos : 4029

Ver perfil do usuário http://maisforum.forumeiros.com

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