Olá amigos, eu tenho uma dúvida pertinente aqui, ja tentei de várias maneiras mas não consegui um resultado satisfatório.
Sou dono de uma comunidade de suporte para desenvolvedores e jogadores de um game (MTA DayZ, uma versão do DayZ para o GTA)... Felizmente a comunidade está em um nível "internacional" contando com usuários russos, hungáros e alguns americanos, portanto eu vejo a necessidade de adaptar o fórum a estes usuários. No caso, eu uso o código do Google para traduzir o fórum, e os códigos de botões em texto e rank's em texto (estilizados com CSS) para que quando o fórum for traduzido, os botões e rank's também sejam traduzidos...
O que eu gostaria de fazer, é poder adicionar dois ranks ou mais no perfil de alguns usuários, porém eu gostaria que ambos possam ser estilizados com CSS. Eu consegui um resultado interessante ao usar imagens, porém há o problema na tradução né xD
Gostaria que o rank ficasse acima da reputação

Vocês sabem como eu poderia conseguir isso? Fico grato pela atenção!
Endereço do meu fórum: http://mtaz.wikiforum.net/

Olá, amigo.

Você pode fazer um perfil personalizado e colocar como um rank para o usuário. Deseja?

Sim, eu fiz isso, porém não consegui estilizar com CSS, apenas adicionar imagens. Se houver como estilizar com CSS, eu gostaria sim.
Obrigado pela atenção!

Agora compreendi o que deseja.

Então podemos fazer da seguinte forma:

Preste bastante atenção. Crie o rank para o usuário que deseja que tenha mais de um rank. Vamos supor que você vai adicionar dois ranks para mim, um com o nome Rockeiro e outro com o nome PunBB.

Vá na adiministração dos ranks e cri um novo rank da seguinte forma

Código:

<div id="rank1">Rockeiro</div>PunBB

Caso queira uma imagem para ele, adicione um javascript com investimento em todas as páginas:

Código:

jQuery(document).ready(function(){jQuery('div#rank1').append('endereço da imagem'); });

Agora vamos aplicar um efeito legal para ele. Para isso adicione o code abaixo no seu CSS:

Código:

#rank1 {
-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;
    }

Creio que sabe o que editar, correto?

Agora basta repetir o processo para os ranks que deseja. Qualquer dúvida é só perguntar!

Obtive o resultado esperado. Muito obrigado!

Que bom, amigo. Dá um like aí.

Ja fiz isso xD