Efeito balão no tópico

Detalhes da dúvida

Versão do fórum : phpBB3
Nível de acesso : Fundador
Navegador usado : Google Chrome
Membros afetados : Todos os membros do fórum
Endereço do fórum : http://portalanimesbrasil.forumeiros.com/

Descrição do problema

Olá vejam este tópico do forum naruto rpg rpg: http://www.narutorpgakatsuki.com.br/t43811-primeiro-passo gostaria daquele efeito (imagem) balão de fala que se direciona para o avatar,nome etc do usuário que postou o tópico em meu fórum esta assim: http://portalanimesbrasil.forumeiros.com/t219-yaaay-voltei-o se reparar tem uma linha separando as info. do usuário com o tópico pode retirar par apor o efeito deixo aqui uma imagem para melhor entender: https://i.imgur.com/wo4UBWR.png?1?8455 o que quero é o balão grifado em vermelho!

Hey!  

Vá em:   Painel de controle   Visualização    Imagens e Cores Cores CSS

Código:

.postbody .content{font-size: 1.3em;-moz-border-radius: 3px;-moz-box-shadow: 0 2px 4px rgba(0,0,0,.05);-webkit-border-radius: 3px;-webkit-box-shadow: 0 2px 4px rgba(0,0,0,.05);background-color: #fff;border-color: #CCC;border-radius: 3px;border-style: solid;border-width: 1px;box-shadow: 0 2px 4px rgba(0,0,0,.05);margin: 0;padding-left: 0;position: relative;vertical-align: top;z-index: 1;}.ie{background:no-repeat url(https://ssl.gstatic.com/s2/oz/images/sprites/stream-7a65a7d94da88cc0d5b54936f2ffb2c2.png) 0 -14px;display:block;left:-9.8px;top:15px;z-index:999}.ze {height: 21px;position: absolute;width: 10px;}

Posição: No início
Atenciosamente, EuficoLouko.

Só fez um quadrado no tópico não fez o que e queria..

Olá!

Troque por:

Código:

.postbody .content{font-size: 1.3em;-moz-border-radius: 3px;-moz-box-shadow: 0 2px 4px rgba(0,0,0,.05);-webkit-border-radius: 3px;-webkit-box-shadow: 0 2px 4px rgba(0,0,0,.05);background-color: #fff;border-color: #CCC;border-radius: 3px;border-style: solid;left: 10px !important;border-width: 1px;box-shadow: 0 2px 4px rgba(0,0,0,.05);margin: 0;padding: 10px !important;position: relative;vertical-align: top;z-index: 1;}

Crie um novo js, investimento nos tópicos:

Código:

$(function(){$('.postbody .content').before('<div class="" style="background: black no-repeat url(https://ssl.gstatic.com/s2/oz/images/sprites/stream-7a65a7d94da88cc0d5b54936f2ffb2c2.png) 0 -14px ;display:block;left: 1px !important;;top:25px;z-index:99;height: 21px;width: 10px;position: relative;"><img src="http://i.imgur.com/fLn7Krf.png"></img></div>');});

Agora sim chegamos a uma resposta \õ/ muito obrigado e até logo