Como dexo os ranks assim

Qual é minha questão:
Gostaria de deixar os ranks desta maneira:



Links e imagens do meu problema:
https://2img.net/h/oi48.tinypic.com/1zohzwy.png

Endereço do meu fórum:
http://mundominecraftiano.forumeiros.com

Versão do meu fórum:
PHPBB3

Olá!
Poderia me informar o Link do fórum que viu este efeito?

Até mais.

Ola,eu visualizei este efeito em : http://gztest.forumeiros.com/

Olá!
Aceda sua Folha de Estilo CSS.

Painel de Controle ->> Visualização ->> Imagens e Cores ->> Cores ->> Folha de Estilo CSS

Código:

Código:

.post .postprofile dl dd{display:none;position:absolute;top:0px;left:156px;background-color:#242424;padding:5px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.post .postprofile dl dd span span{padding-left:5px}.post .postprofile dl dd:last-child{display:block;position:static;left:0px;background-color:transparent;padding:0px} .post .postprofile:hover dl dd{display:block}

e Valide!
Em Seguida aceda seus códigos JavaScripts.

Painel de Controle ->> Módulos ->> HTML e JavaScript ->> Gestão dos códigos JavaScript

Clique em "Criar um novo JavaScript".
Título: Escolha um título qualquer.
Investimento: Nos Tópicos
Código JavaScript:

Código:

$(document).ready(function() {
$('.postprofile dl').each(function(){
$(this).parents().find('dd:eq(2)').attr('class','info');
});

});

e Salve!

Até mais.

Ola,resulta mais aparece do lado direito e quero que apareça do lado esquerdo e tem como eu personalizar?

Olá!
Substitua o código CSS por este:

Código:

.post .postprofile dl dd{display:none;position:absolute;top:0px;right:156px;background-color:#242424;padding:5px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.post .postprofile dl dd spanle span{padding-right:5px}.post .postprofile dl dd:last-child{display:block;position:static;right:0px;background-color:transparent;padding:0px} .post .postprofile:hover dl dd{display:block}

Até mais.

Okay,obrigado pode fechar