Mostrar perfil ao passar o mouse no nome de usuario

Minha questão:

Oi, queria saber como coloco esse "efeito" de quando passar pelo nome de um usuário, aparecer o perfil dele, assim [Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

---

Endereço do meu fórum:
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Versão:
Phpbb3

Olá,
Este é um código exclusivo BS, e por isso, não passamos ele. Existe outros com o mesmo efeito, mas não desse jeito, veja o tópico:
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Até + amigo!

Opá, valew, bem esclarecedor, so me diz, essa pagina que me mandou tem codigo para versão punbb, e o meu é um forum phpbb3, funciona mesmo assim ?

Olá,
Sim creio que seja funcional em todas as versões! Mas se o mesmo não funcionar, eu faço as modificações pra Phpbb3.

Até + amigo!

É, fiz tudo oque pedia para fazer no tutorial, mas não mudou nada, o que mais eu posso fazer ? Valew ^^

Olá,
Crie um tópico qualquer no seu fórum, e eu verei o que há de errado.

Até +!

Pronto, criei ... link: http://despertar.forumbrasil.net/t1-topico-para-teste#1

Olá,
Troque o JavaScript passado por este:

Código:


$(document).ready(function(){
$('dd.lastpost span a[href="/u"]').mouseover(function(){

$(this).parents('strong').css('position', 'relative');
$('.perfilInfo').remove();
$(this).parents('.tcr').css('overflow', 'visible');
$(this).before('
<div class="perfilInfo" style="position:absolute;">
<span class="setPerfil">
<span>
<img class="PerfilInfoImg" src="http://forum.teamspeak.com.br/public/style_images/master/profile/default_large.png" />
<h2>'+$(this).html()+'</h2>
<div class="setInfos">
<p><b>Agradecimentos:</b> <span></span></p>
<p><b>Cadastrado:</b> <span></span></p>
<p><b>Posts:</b> <span></span></p>
<p><b>Humor:</b> <span></span></p>
</div>
<div class="linkPrfwidth">
<span class="reputation">
<span></span>
</span>
<span class="linkPrf">
<a href="/privmsg?mode=post&u='+$(this).attr('href').replace('/u', '')+'">Enviar MP</a></span>
<span class="linkPrf"><a href="'+$(this).attr('href')+'">Ver perfil</a></span>
</span>
</div>
</span>
</span>
</div>
');

$.get($(this).attr('href'), function(retornoMembro){
var avtPrf = $('#profile-advanced-right img:first', retornoMembro).attr('src');
$('.PerfilInfoImg').attr('src', avtPrf);

var perfil_rep = $('#field_id-14 dd', retornoMembro).html();
var perfil_post = $('#field_id-6 dd', retornoMembro).html();
var perfil_cad = $('#field_id-4 dd', retornoMembro).html();
var perfil_lastV = $('#field_id-13 dd', retornoMembro).html();
var perfil_mood = $('#field_id8 dd', retornoMembro).html();

$('.reputation:eq(0) span').html(perfil_rep);
$('.setPerfil p:eq(0) span').html(perfil_post);
$('.setPerfil p:eq(1) span').html(perfil_cad);
$('.setPerfil p:eq(2) span').html(perfil_lastV);
$('.setPerfil p:eq(3) span').html(perfil_mood);

});
//get

$('.perfilInfo').mouseleave(function(){
$(this).remove();
});//mouseleave



});
//mouseover
});


Até + amigo!

Vish, não deu, eu coloquei o js, investimentos em todas as paginas, mas não foi ... ?

Olá,

Os seus JavaScripts estão ativados?

Até +!

Éh, eu não sei ver, mas acho que sim por que eu marquei SIM em Habilitar o gerenciamento dos códigos JavaScript : e todos os meus outros jv e css que peguei aqui estão funcionando normais

Olá,
Perdão, creio que me equivoquei um pouco no código rs... Mas enfim, tente este:

Código:


$(document).ready(function(){
$('.lastpost a[href*="/u"]').mouseover(function(){

$(this).parents('strong').css('position', 'relative');
$('.perfilInfo').remove();
$(this).parents('.tcr').css('overflow', 'visible');
$(this).before('
<div class="perfilInfo" style="position:absolute;">
<span class="setPerfil">
<span>
<img class="PerfilInfoImg" src="http://forum.teamspeak.com.br/public/style_images/master/profile/default_large.png" />
<h2>'+$(this).html()+'</h2>
<div class="setInfos">
<p><b>Agradecimentos:</b> <span></span></p>
<p><b>Cadastrado:</b> <span></span></p>
<p><b>Posts:</b> <span></span></p>
<p><b>Humor:</b> <span></span></p>
</div>
<div class="linkPrfwidth">
<span class="reputation">
<span></span>
</span>
<span class="linkPrf">
<a href="/privmsg?mode=post&u='+$(this).attr('href').replace('/u', '')+'">Enviar MP</a></span>
<span class="linkPrf"><a href="'+$(this).attr('href')+'">Ver perfil</a></span>
</span>
</div>
</span>
</span>
</div>
');

$.get($(this).attr('href'), function(retornoMembro){
var avtPrf = $('#profile-advanced-right img:first', retornoMembro).attr('src');
$('.PerfilInfoImg').attr('src', avtPrf);

var perfil_rep = $('#field_id-14 dd', retornoMembro).html();
var perfil_post = $('#field_id-6 dd', retornoMembro).html();
var perfil_cad = $('#field_id-4 dd', retornoMembro).html();
var perfil_lastV = $('#field_id-13 dd', retornoMembro).html();
var perfil_mood = $('#field_id8 dd', retornoMembro).html();

$('.reputation:eq(0) span').html(perfil_rep);
$('.setPerfil p:eq(0) span').html(perfil_post);
$('.setPerfil p:eq(1) span').html(perfil_cad);
$('.setPerfil p:eq(2) span').html(perfil_lastV);
$('.setPerfil p:eq(3) span').html(perfil_mood);

});
//get

$('.perfilInfo').mouseleave(function(){
$(this).remove();
});//mouseleave



});
//mouseover
});


Este deve de funcionar.

Até + amigo!

Aeee, muito obrigado !!! Agora deu certo 

[sucesso=Tópico Resolvido; e Bloqueado][/sucesso]Movido para: Arquivo - Pedido de código