Forumeiros Web-Tool's
Gostaria de reagir a esta mensagem? Crie uma conta em poucos cliques ou inicie sessão para continuar.
Forumeiros Web-Tool's

Você não está conectado. Conecte-se ou registre-se

javascript

Ir para baixo  Mensagem [Página 1 de 1]

1javascript  Empty javascript Qua Dez 03, 2014 1:57 pm

Ric

Ric
Admin

javascript

Código:
$(document).ready(function(){
    $('.tcr a[href*="/u"]').mouseover(function(){
        $(this).parents('strong').css('position','relative');
        $('.popupWrapper').remove();
        $(this).parents('.tcr').css('overflow','visible');
        $(this).before('
            <div id="pu_____hover___member_popup" class="popupWrapper" style="z-index: 10001; margin-top: 16px; position: absolute; font: 13px helvetica,arial,sans-serif;">
                <div id="pu_____hover___member_stem" class="stem bottomleft" style="top: -16px; right: 5px; z-index: 6000;"> </div>
                <div id="pu_____hover___member_inner" class="popupInner" style="width: 500px; max-height: 355px;">
                    <div class="vcard userpopup">
                        <h3>
                            <a class="fn nickname url" href="'+$(this).attr('href')+'">'+$(this).html()+'</a>
                        </h3>
                        <div class="side left ipsPad">
                            <a class="ipsUserPhotoLink" href="'+$(this).attr('href')+'">
                                <img class="ipsUserPhoto ipsUserPhoto_large" alt="Foto" src="http://r26.imgfast.net/users/2617/31/90/74/avatars/1-40.png">
                            </a>
                            <br>
<br>
                            <div class="reputation positive">
                                <span class="number"></span>
                            </div>
                            <a class="ipsButton_secondary ipsType_smaller" title="Meu Conteúdo" href="/sta/'+$(this).text()+'">Search Posts</a>
                            <a id="pm_sndBtn" class="pm_button ipsButton_secondary ipsType_smaller" title="Enviar MP" href="/privmsg?mode=post&u='+$(this).attr('href').replace('/u', '')+'">Private Message</a>
                            <a id="pf_seeBtn" class="pf_button ipsButton_secondary ipsType_smaller" title="Ver perfil" href="'+$(this).attr('href')+'">Vew Profile</a>
                        </div>
                        <div class="ipsPad">
                            <p class="user_status">
                                user_status Kingdom Hearts Site :)
                            </p>
                            <div class="perfilinfo">
                                <dl>   
                           
                                    <dd><span></span></dd>
                                    <dt>Posts:</dt>
                                    <dd><span></span></dd>
                                    <dt>Date Joined:</dt>
                                    <dd><span></span></dd>
                                    <dt>Status:</dt>
                                    <dd><span></span></dd>
                                    <dd><span></span></dd>
                                    <dt>Points:</dt>
                                    <dd><span></span></dd>
                                </dl>
                            </div>
                            <ul class="user_controls clear2">
                                <li>
                                    <a href="www.khsite.net" target="_blank"><img src="http://i57.tinypic.com/23hr681.png"></a>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        ');

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

            var perfil_rep=$('#field_id-14 dd',retornoMembro).html();

            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_act = $('#field_id-20 dd', retornoMembro).html();
            var perfil_visu = $('#field_id-20 dd', retornoMembro).html();
            var perfil_lastV = $('#field_id-13 dd', retornoMembro).html();

            $('.reputation.positive:eq(0) span').html(perfil_rep);

            $('.perfilinfo dd:eq(0) span').html(perfil_rank);
            $('.perfilinfo dd:eq(1) span').html(perfil_post);
            $('.perfilinfo dd:eq(2) span').html(perfil_cad);
            $('.perfilinfo dd:eq(3) span').html(perfil_act);
            $('.perfilinfo dd:eq(4) span').html(perfil_visu);
            $('.perfilinfo dd:eq(5) span').html(perfil_lastV);
        });

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

http:///www.khsite.net

2javascript  Empty Re: javascript Qua Dez 03, 2014 2:00 pm

Ric

Ric
Admin

userpost {
float: left !important;
}
/* #region Informações de perfil no link */
/*pu_____hover___member_popup*/
.popupWrapper {
background-color: rgba(70, 70, 70, 0.6);
border-radius: 4px 4px 4px 4px;
box-shadow: 0 12px 25px rgba(0, 0, 0, 0.7);
padding: 4px;
float: left;
left: -36em;
top: 13px;
}

/*pu_____hover___member_stem*/
.stem.bottomleft {
background-image: url("http://www.autoitbrasil.com/public/style_images/master/stems/bottomleft.png");
}

.stem {
height: 16px;
position: absolute;
width: 31px;
float: right;
right: 5px;
}

/*pu_____hover___member_inner*/
.popupInner {
background: none repeat scroll 0 0 #fff;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
overflow-x: hidden;
overflow-y: auto;
width: 500px;
}

/*vcard userpopup*/
.userpopup {
font-size: 0.9em;
overflow: hidden;
position: relative;
}
/*User name and background */
.userpopup h3, .userpopup .side + div {
padding-left: 110px;
}

.userpopup h3 {
font-size: 17px;
}

.popupInner h3 a {
color: #FFFFFF !important;
margin-left: 100px;
}

.popupInner h3 {
background: url() repeat-x scroll center top #5a7ea0;
border-color: #316897;
border-style: solid;
border-width: 1px 1px 0;
box-shadow: 0 1px 0 #528CBC inset;
color: #FFFFFF;
font-size: 16px;
font-weight: 300;
padding: 8px 10px 9px;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

/* User image and infos */
.side.left.ipsPad {
padding: 9px;
}

.userpopup .side {
margin-top: -36px;
position: absolute;
}

.ipsUserPhoto_large {
max-height: 90px;
max-width: 90px;
}

.ipsUserPhoto {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #D5D5D5;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
padding: 1px;
}

.reputation.positive, .reputation.negative {
color: #FFFFFF;
}

.reputation.positive, .members li.positive {
background: none repeat scroll 0 0 #6F8F52;
}

.userpopup .reputation {
display: block;
margin-top: -3px;
text-align: center;
}

.reputation {
border-radius: 3px 3px
font-weight: bold;
}

http:///www.khsite.net

Ir para o topo  Mensagem [Página 1 de 1]

Tópicos semelhantes

-

» Test javascript

Permissões neste sub-fórum
Não podes responder a tópicos