Como colocar ranks personalizados

Detalhes da dúvida

Versão do fórum : PunBB
Nível de acesso : Fundador
Navegador usado : Google Chrome
Imagem :

Imagem da minha dúvida:

Membros afetados : Todos os membros do fórum
Endereço do fórum : http://curiososzoera.forumeiros.com/

Descrição do problema

Olá,

A minha questão não é um problema, e sim algo que eu queria adicionar ao meu fórum.
Como segue a imagem, eu gostaria de adicionar esse tipo de rank ali (onde mostra: designer coordenador), lembrando que não é uma imagem, o fundador deste fórum simplesmente digitou o nome do rank lá no painel de controle na sessão de ranks e ficou assim, creio que seja um css, se sim, poderiam me fornecer? agradecido.

Aliás, agora creio que seja um jscript, eu estava mexendo nos códigos da página e achei isto:

Código:

<span class=". des"><b>⇨ Lider Designer do fórum</b></span>

"<span class" é um código similar ao que eu tenho em meu fórum, que faz com que tenha imagem de cor ao fundo de cada rank.

Esperando por uma resposta.

Olá,

Proponho-lhe algo assim:

Para que o efeito aconteça, nos nomes dos ranks, você deve fazer uma pequena mudança, por exemplo, o rank "Fundador", altere o nome para:

Código:

<b class="fundador">Fundador</b>

Note que, a cada rank, você deve colocar algo diferente entre as aspas (class="fundador"), então adicione isto á seu CSS:

Código:

/* fundo nos ranks */
.rank > b {
display: inline-block;
background: #9C9C9C;
color: white;
padding: 3px 15px;
-webkit-border-radius: 3px;
margin-bottom: 10px;
}

Código:

Então, a cada mudança de rank, você adiciona isto ao CSS, alterando o que está entre as aspas para o valor do passo anterior e a cor após background: :

Código:

.rank > b[class="fundador"] {
background: #FFBF00;
}

Até mais!

Olá,

Gostei do modelo, vou ficar com ele.

Agradecido =)