Rank em formato de texto

Qual é minha questão:
Como faço para deixar meus ranks em formato de texto? Igual a este fórum
http://cfdesign.forum-pro.net/u2

E também tem uma reputação em forma de texto, alguém sabe como faz?

Endereço do meu fórum:
http://www.bruniversalgames.com

Versão do fórum:
PHPBB3

Adicione em sua folha de estilos CSS

Código:

.userBanned, .userAjuda, .userDesign, .userManagement, .userMember, .userMemberactive, .userModerador, .userStaff, .vipBS { -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; } 
.userManagement { background: #881418; }
.userMember{background: #000;}   
.userAjuda{background: #0D78FA;}   
.userModerador{background: #0AF525;}   
.userDesign{background: #8A[/quote]05F7;}

No lugar do título do rank, coloque este código

Código:

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

Onde está a tag class, entre aspas, você deve trocar por um desses:

.userBanned, .userAjuda, .userDesign, .userManagement, .userMember, .userMemberactive, .userModerador, .userStaff, .vipBS

Lembrando que deve retirar o ponto inicial ao adicionar ao título do rank, como no segundo código citado nesta mensagem. Esses nomes correspondem aos ranks e podem ser editados no CSS, caso feito isso, deve também ser editado no título do rank.

Obrigado pela atenção, só mais uma coisinha, sabe como faço na reputação também?
Tipo assim

Adicione em sua folha de estilos CSS

Código:

.Reputation { -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; }

Agora vá em Módulos Pontos e reputação Reputação e troque o nome do campo reputação por:

Código:

<span class="Reputation">Reputação</span>

Espero ter ajudado!

Luis (///) escreveu:Adicione em sua folha de estilos CSS

Código:

.Reputation { -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; }

Agora vá em Módulos Pontos e reputação Reputação e troque o nome do campo reputação por:

Código:

<span class="Reputation">Reputação</span>

Espero ter ajudado!

Perfeito, obrigado por sua atenção