Pedido Código!

como conseguir esse efeito?
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]


alguém para me ajudar a colocar isso no meu fórum?

Olá leia este tópico : [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Lamento,mas para ter o codigo igual seria necessário VIP. Mas você pode utilizar o código antigo da BestSkins .

Adiciona esse javascript em "Index" & "Sub Forums"

Código:

$(document).ready(function(){
$('.tcr 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>

<p><b>Reputação:</b> <span></span></p>
<p><b>Moedas:</b> <span></span></p>
<p><b>Cadastrado:</b> <span></span></p>
<p><b>Mensagens:</b> <span></span></p>
<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>

</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();

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

});
//get

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



});
//mouseover
});

Depois adicione esse css :

Código:


.setPerfil {
background: rgba(0, 0, 0, 0.3);
display: block;
height: 100%;
padding: 5px;
padding-bottom: 10px;
border-radius: 3px;
}
.setPerfil > span {
background: #f9f9f9;
border-radius: 3px;
display: block;
height: 100%;
padding: 3px;
border: 1px solid #999;
}
.setPerfil .PerfilInfoImg {
width: 94px;
height: 160px;
float: left;
display: table;
background: #E1E1E1;
padding: 3px;
box-shadow: 1px 1px 0 #CCC;
}
.setPerfil p div{
display: inline;
}
.setPerfil h2 {
float: left;
font: bold 19px "Trebuchet MS";
display: block;
background: #E1E1E1;
width: 382px;
padding: 5px;
text-shadow: 1px 1px 0 white;
border-radius: 0 10px 0px 0;
box-shadow: 1px 1px 0 #CCC;
margin-bottom:10px;
}
.setPerfil p {
margin: 2px 5px;
float: right;
display: block;
background: #F1F1F1;
width: 350px;
text-align: left;
padding: 5px;
box-shadow: 1px 1px 0 #CCC;
font-weight: normal;
border-left: 3px solid #333;
border-top: 1px solid #333;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
}
.setPerfil p:hover {
box-shadow: 1px 1px 0 #9A9A9A;
}

Fechado por inatividade... sem respostas do autor'