Rank em Estilo CSS

Qual é minha questão:
Queria saber como ponho esse rank

http://grandedown.forumeiros.com/t6419-grande-down-com-novo-tema#22910

Não é imagen é codigos
tipo

color no fundo sas coisas
me ajuda

Endereço do meu fórum:
http://lostpixel.forum-pro.net

Versão do fórum:
PUNBB

Saudações!

Aceda à "Administração dos Ranks":
Painel de Controle Usuários & Grupos Ranks Administração dos ranks

Clique em () caso tenha um rank já criado;
Clique em () caso queira criar um novo rank;
Em "Título do Rank" ponha o código abaixo:

Código:

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

:seta2:Coloque em "userAdministrador" o que desejar e em "Administrador" o nome do respectivo grupo.

Agora vamos ao segundo passo, que no caso é o CSS!

Aceda à "Folha de estilo CSS":
Painel de Controle Visualização Imagens e Cores Cores Folha de estilo CSS

Lá adicione este código:

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: #881418;
}

Troque o "userAdministrador" conforme o que colocou no código corresponde ao "Título do Rank".

Feito isto, salve!

Até mais.