Código para ranks

Detalhes da questão

Endereço do fórum: http://percyjacksonrpgbr.forumeiros.com
Versão do fórum: phpBB3

Descrição

Olá, gostaria de um código de ranks parecido com o utilizado neste fórum (http://elysium-fields.forumeiros.com/u3), com o nome do grupo em cima e outra frase em baixo, além do ícone de cada grupo (https://i.imgur.com/NgINu9Z.png). Essa frase seria possível de ser editada no perfil de cada membro?

Buscando nos tutoriais eu entendi como aplico este código, mas não consegui desenvolvê-lo.

Obrigada.

Olá @lavinnia,
Adicione na sua folha de estilo, o seguinte código:

Código:

.rank {
    border-radius: 2px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.0), 0 1px 2px rgba(0,0,0,0.14), inset 0 0 1px 1px rgba(0,0,0,.1);
    color: #fff;
    cursor: default;
    font-size: 13px;
    font-weight: 500;
    height: 36px;
    line-height: 20px;
    margin: 5px auto;
    text-align: center;
    text-shadow: 0 1px 1px rgba(0,0,0,0.2);
    user-select: none;
    width: auto;
    padding: 6px;
}
.rank b { display: block; font-size: 10px; font-weight: normal; }
.rank.r1 { background-color:#FF9326;}


crie um novo rank, e no seu título, cole o seguinte código:

Código:

<div class="rank r1"><i class="fa fa-star"></i>Título<b>Descrição</b></div>

ficará igual:
Qualquer dúvida diga-me!

Aguardo uma resposta sua,
pedxz.

Deu certooo! Obrigada!!