Ranks com cores

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

Resolvido Ranks com cores

Mensagem por ScreeNCG em 24/11/13, 12:54 pm

Qual é minha questão:
Olá,

Como eu deixo os ranks de meu fórum assim:

?

Eu quero que eles fiquem assim, só o nome do rank, mas ele fica com sua cor junto, tipo nessa imagem que dei.
Link do fórum onde vi esse efeito: http://bestskins.forumeiros.com/forum

Endereço do meu fórum:
http://tdgames.forumeiros.com

Versão do fórum:
PHPBB3


Última edição por ScreeNCG em 24/11/13, 01:31 pm, editado 1 vez(es)

ScreeNCG
Nível 7

Masculino
Inscrito dia : 03/10/2013
Mensagens : 86
Pontos Ativos : 203

Ver perfil do usuário http://brasilgames.umforum.net/

Resolvido Re: Ranks com cores

Mensagem por BrunoH. em 24/11/13, 01:06 pm

Olá,

Aceda a:
Painel de Controle ->> Visualização ->> Imagens e Cores ->> Cores ->> Folha de estilo CSS
Adicione o seguinte código:
Código:
.nomedorank {
-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;
}
e Valide! Após isto, aceda a:

Painel de Controle ->> Usuários ->> Ranks ->> Administração dos Ranks
Clique em Modificar "Editar" no rank desejado e no título do rank substitua por este código:
Código:
<span class="nomedorank">Título do rank</span>
Título do rank -> Coloque o nome do rank que deseja.

Edite o código CSS como desejar.

Até mais.
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Ranks com cores

Mensagem por ScreeNCG em 24/11/13, 01:35 pm

Obrigado BrunoH.!
Pode fechar o tópico!

ScreeNCG
Nível 7

Masculino
Inscrito dia : 03/10/2013
Mensagens : 86
Pontos Ativos : 203

Ver perfil do usuário http://brasilgames.umforum.net/

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