ConectarseRegistrarse
0

Temas

Monedas

Likes

0
Debes de estar Registrado y comentar para ver el enlace de descarga
Pulsa en Me Gusta para desbloquear contenidos ocultos y Agradecer por este aporte
Logros y Medallas obtenidos por

Temas Similares


Respuestas

avatar
Usuario
Usuario

CruzitoVlf
avatarCruzitoVlf
Usuario
Ver perfil de usuario http://www.xtremegamer.foro.bz
el Dom 19 Mayo 2013, 5:03 pm

Este es un script que estoy desarrollado aún tiene sus fallas pero confio en que me puedean ayudar a mejorarlo solo lo he configurado para que carge el rango del usuario y un enlace hacia su perfil un tooltip pareccido al de Taringa!.

El script solo funcionara en los post siempre y cuando se enlace hacia el perfil del usuario:


de esta manera el script tendra enfecto de tooltip.



EL SCRIPT:
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>Rango:</b><span></span></p>
<p><b>Mensajes:</b><span></span></p>
<p><b>Repuacion:</b><span></span></p>
<p><b>Puntos:</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_rank = $('#profile-advanced-right .module .main-content img:eq(1)', retornoMembro).attr('alt');
var perfil_post = $('#field_id-6 dd', retornoMembro).html();
var perfil_rep = $('#field_id-14 dd', retornoMembro).html();
var perfil_lastV = $('#field_id-13 dd', retornoMembro).html();
var perfil_mov = $('#field_id1 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_rep);
$('.setPerfil p:eq(3) span').html(perfil_lastV);


});
//get

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



});
//mouseover
});

EL CSS:

Código:
/*informacion del usuario*/
      .perfilInfo {
background: url(http://forum.teamspeak.com.br/public/style_images/master/stems/bottomleft.png) no-repeat 98% 0%;
float: left;
height: 14em;
left: -28em;
padding: 16px 0px 38px 5px;
top: 13px;
width: 370px;
z-index: 999;
}
.linkPrf {
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
background: rgb(78, 82, 70);
border: 1px solid #DBDBDB;
border-radius: 0 0 4px 4px;
bottom: -14px;
border-top:none;
box-shadow: 0 1px 0 rgba(255, 255, 255, 1) inset, 0 1px 0 rgba(0, 0, 0, 0.3);
color: #616161;
float: left;
height: 14px;
left: 13.8em;
margin: 2px;
padding: 5px;
text-align: center;
text-decoration: none!important;
transition: all .2s ease-in-out;
width: 8em;
}
.linkPrf:hover{color: #4C4C4C;
border-color: #9A9A9A;}
.linkPrf:hover a{color: #4C4C4C;}
.linkPrf a{color: black !important; font:normal 12px; text-decoration:none;}
.setPerfil {
background: rgba(0, 0, 0, 0.3);
display: block;
height: 100%;
padding: 5px;
padding-bottom: 10px;
border-radius: 3px;
}
.setPerfil > span {
background: rgb(223, 193, 75);
border-radius: 3px;
display: block;
height: 100%;
padding: 3px;
}
.setPerfil .PerfilInfoImg {
width: 80px;
margin: 8px 9px;
height: 80px;
float: left;
border-radius: 3px;
display: table;
background: rgb(78, 82, 70);
padding: 8px;
box-shadow: 1px 2px 1px rgb(56, 141, 134);
}
.setPerfil .PerfilInfoImg:hover {
border-radius: 3px;
display: table;
background: rgb(112, 102, 60);       
 }
     
.setPerfil p div{
display: inline;
color: white;
float: right;       
}
.setPerfil h2 {
float: right;
font: bold 19px "Trebuchet MS";
display: block;
width: 190px;
padding: 1px;
text-shadow: 2px 2px 0 rgb(0, 0, 0);
margin-bottom: 5px;
color: yellowgreen;
}
.setPerfil p {
margin: 1px 8px;
float: right;
display: block;
background: rgb(112, 102, 60);
width: 208px;
text-align: left;
color: black;
padding: 4px;
box-shadow: 2px 1px 0 rgb(17, 17, 17);
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;
background: rgb(90, 83, 83);     
}



Estescript esta en face BETA ya que estoy resolviendo algunos problemas ademas no es recomendable utilizarlo ya que puede sobrepasar el limite de peticiones de foroactivo (pero no pierden nada en probarlo) en resumen el codigo final sera hubicado en un servidor externo para evitarnos estos problemas.



Última edición por CruzitoVlf el Mar 21 Mayo 2013, 12:13 pm, editado 1 vez

avatar
Usuario
Usuario

HUNTER MAKER
Ver perfil de usuario
el Dom 19 Mayo 2013, 6:54 pm

Es muy simple pero tiene una buena iniciativa podrias
insertarle ir al muro ver perfil entro otras cosas
aun que es un buen Script nos leemos.




http://hunter-maker.net/©
__________________________________________
Cuanto mas alto vueles mas dura sera la Caida.
avatar
Usuario
Usuario

corrente-graficael Vie 20 Sep 2013, 4:06 pm

SIMPLE E BONITO!

avatar
Nuevo Usuario
Nuevo Usuario

dremuler
avatardremuler
Nuevo Usuario
Ver perfil de usuario
el Sáb 30 Nov 2013, 9:33 pm

ohh muy bien!

avatar
Usuario
Usuario

JQuery
avatarJQuery
Usuario
Ver perfil de usuario
el Sáb 22 Nov 2014, 9:13 am

Gracias amigo

Permisos de este foro:
No puedes responder a temas en este foro.

 
Copyright © 2010 - 15-Tronos.net. All Rights Reserved.