como faço isso ?

como eu boto isso no meu forum ?:

[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Olá maicon, aceda á: Módulos HTML & JavaScript Gestão dos Códigos java Script
Criar novo código


Título * : Bote oque qusier
Investimento : Em todas As Paginas
Código JavaScript * :

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://r26.imgfast.net/users/2617/31/90/74/avatars/1-40.png"/><h2>'+$(this).html()+'</h2><p><b>Cargo:</b> <span></span></p><p><b>Posts:</b> <span></span></p><p><b>Registro:</b> <span></span></p><p><b>Pontos:</b> <span></span></p><a href="/privmsg?mode=post&u='+$(this).attr('href').replace('/u','')+'"><span class="linkPrf">Enviar MP</span></a><a href="'+$(this).attr('href')+'"><span class="linkPrf">Ver perfil</span></a></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_rank=$('#profile-advanced-right .module .main-content img:eq(1)',retornoMembro).attr('alt');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_rank);$('.setPerfil p:eq(1) span').html(perfil_post);$('.setPerfil p:eq(2) span').html(perfil_cad);$('.setPerfil p:eq(3) span').html(perfil_lastV)});$('.perfilInfo').mouseleave(function(){$(this).remove()})})});

Aceda á: Visualização cores
Folha de Estilo CSS
Adicione:

Código:

.perfilInfo{background:url(http://forum.teamspeak.com.br/public/style_images/master/stems/bottomleft.png) no-repeat 98% 0;float:left;height:167px;left:-43em;padding:16px 0 38px 5px;top:13px;width:510px;z-index:999}.linkPrf{-moz-border-radius:2px;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-webkit-border-radius:2px;-webkit-transition:all .2s ease-in-out;background:#393939 url(http://www.ipbforumskins.com/skindemo/public/style_images/carbonb34x/highlight_faint.png) repeat-x 0 0;border:0;border-radius:2px;bottom:-7px;color:#fff;float:left;font-size:11px;height:14px;left:13.8em;margin:2px;padding:2px;text-align:center;text-decoration:none!important;text-shadow:rgba(0,0,0,0.8) 0 -1px 0;transition:all .2s ease-in-out;width:8em}.linkPrf:hover{border-color:#9A9A9A;color:#4C4C4C}.linkPrf:hover a{color:#4C4C4C}.linkPrf a{color:#fff!important;font-size:12px;font-style:normal;font-variant:normal;font-weight:normal;text-decoration:none}.setPerfil{background:rgba(0,0,0,0.3);border-radius:3px;display:block;height:100%;padding:5px 5px 10px}.setPerfil > span{background:#1a1a1a;border:1px solid #120202;border-radius:3px;color:#fcfcfc;display:block;height:100%;padding:3px}.setPerfil .PerfilInfoImg{-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;display:table;float:left;height:91px;width:91px}.setPerfil .PerfilInfoImg:hover{opacity:.8}.setPerfil p div{display:inline}.setPerfil h2{background:#282828 url(http://www.ipbforumskins.com/skindemo/public/style_images/carbonb34x/highlight_reallyfaint.png) repeat-x 0 0;border-bottom:1px solid #2a2a2a;border-radius:0 10px 0 0;box-shadow:1px 1px 0 #120202;display:block;float:left;font-family:"Trebuchet MS";font-size:16px;font-style:normal;font-variant:normal;font-weight:300;margin-bottom:10px;padding:5px;text-shadow:rgba(0,0,0,0.8) 0 -1px 0;width:382px}.setPerfil p{-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;background-color:#1A1A1A;background-image:url(http://www.ipbforumskins.com/skindemo/public/style_images/carbonb34x/row_gradient.png);background-position:0 0;background-repeat:repeat-x;border:1px solid #252525;display:block;float:right;font-weight:400;margin:2px 5px;padding:5px;text-align:left;width:350px}.setPerfil p:hover{box-shadow:1px 1px 0 #120202}


O investimento é somente no indice e sub-fórum...

resultado otimo ! Valew

De [Tens de ter uma conta e sessão iniciada para poderes visualizar este link] Para [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]