Perfil estilo esse

Qual é minha questão:
Como deixo os perfis no meu fórum organizado igual a esse?


Endereço do meu fórum:
http://www.gbconfig.ativoforum.com

Versão do fórum:
PHPBB3

Olá,

Leia este Tutorial

https://ajuda.forumeiros.com/t70703-

Até

Bom, gostei do tutorial, mas ocorreu o seguinte problema:

Olá,

Poderia me passar o link da imagem de Online e Offline ?

Até

Bom uso este JS
a imagem ta aí:

Código:

jQuery(document).ready(function(){jQuery('.post.online .postprofile dl dt strong a').after('<br><img src=http://i.imgur.com/kElh0.png>');jQuery('.post:not(.online) .postprofile dl dt strong a').after('<br><img src=http://i.imgur.com/N3Jt7.png>')});

Preguiça de procurar^^

Olá,

Adiciona este código em sua Folha de estilo CSS

Código:

.online .postprofile {
background-image: url(http://i.imgur.com/kElh0.png);
background-position: 50% 0%;
background-repeat: no-repeat;
}
.post:not(.online) .postprofile dl dt strong a{
background-image: url(http://i.imgur.com/N3Jt7.png);
background-position: 50% 0%;
background-repeat: no-repeat;
}

Até

Obrigado! Apareceu denovo
mas aquele erro, do rank ainda tá.
Olha


(ignora o que ta escrito)

Saudações,

Painel de controle ► Visualização ► Cores ► Folha de estilo CSS

Esse código deve ser colado no final de sua Folha de estilo CSS:

.post .postprofile dl dt+dd br{display:block!important}

Clique no botão "Salvar".

Assombrosamente.

Obrigado Quakeline, pelo JS, e obrigado Holmes pelo CSS.^^
Resolvido.