Click pe nume

Vezi subiectul anterior Vezi subiectul urmator In jos

In cos Click pe nume

Mesaj Scris de Denis™ la data de Dum 19 Apr - 20:16

La forum gratuit este vre-un script sau ceva cand pui doar mouseul pe un nume sa-ti iasa o bara si sa-ti arate detalii despre el ?

Denis™
Membru Forumgratuit

Mesaje : 23
Varsta : 17
Data de inscriere : 17/04/2015
Multumiri : 0
Niciun avertisment

http://eskillz.hitforum.ro/

Sus In jos

In cos Re: Click pe nume

Mesaj Scris de Emanuel la data de Dum 19 Apr - 20:48

Salut,

Mergi in ACP > Module > HTML & JAVASCRIPT > Gestiunea codurilor JavaScript:

Cod:
      jQuery(document).ready(function(){
            jQuery('.tcr a[href*="/u"]').mouseover(function(){
            jQuery(this).parents('strong').css('position', 'relative');
            jQuery('.perfilInfo').remove();
            jQuery(this).parents('.tcr').css('overflow', 'visible');
            jQuery(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>'+jQuery(this).html()+'</h2>
            <p><b>Rank:</b><span></span></p>
            <p><b>Posts:</b><span></span></p>
            <p><b>Joined:</b><span></span></p>
            <p><b>Points:</b><span></span></p>
            <span class="linkPrf"><a href="/privmsg?mode=post&u='+jQuery(this).attr('href').replace('/u', '')+'">Send PM</a></span>
            <span class="linkPrf"><a href="'+jQuery(this).attr('href')+'">View Profile</a></span>
            </span>
            </span>
            </span>
            </div>
            ');
            jQuery.get(jQuery(this).attr('href'), function(retornoMembro){
            var avtPrf = jQuery('#profile-advanced-right img:first', retornoMembro).attr('src');
            jQuery('.PerfilInfoImg').attr('src', avtPrf);
            var perfil_rank = jQuery('#profile-advanced-right .module .main-content img:eq(1)', retornoMembro).attr('alt');
            var perfil_post = jQuery('#field_id-6 dd', retornoMembro).html();
            var perfil_cad = jQuery('#field_id-4 dd', retornoMembro).html();
            var perfil_lastV = jQuery('#field_id-13 dd', retornoMembro).html();
            jQuery('.setPerfil p:eq(0) span').html(perfil_rank);
            jQuery('.setPerfil p:eq(1) span').html(perfil_post);
            jQuery('.setPerfil p:eq(2) span').html(perfil_cad);
            jQuery('.setPerfil p:eq(3) span').html(perfil_lastV);
            });
            //get
            jQuery('.perfilInfo').mouseleave(function(){
            jQuery(this).remove();
            });//mouseleave
            });
            //mouseover
            });

Amplasare: Toate paginile

Apoi mergem in foaia de stil css si adaugam:
Cod:
.perfilInfo {
    background: url(http://i77.servimg.com/u/f77/16/58/45/96/bottom10.png) no-repeat 98% 0;
    float: left;
    height: 177px;
    left: -40em;
    padding: 16px 0 38px 5px;
    top: 13px;
    width: 510px;
    z-index: 999;
    }
    .setPerfil > span {
    background: #f9f9f9;
    border: 1px solid #999;
    border-radius: 3px;
    display: block;
    height: 100%;
    padding: 3px;
    }
    .sprite-icon_topic_latest {
    background: url(http://illiweb.com/fa/sprite_icons.png) no-repeat top left;
    background-position: -1083px 0;
    height: 9px;
    width: 11px;
    }
    .setPerfil {
    background: rgba(0,0,0,0.3);
    border-radius: 3px;
    display: block;
    height: 100%;
    padding: 5px 5px 10px;
    }
    .setPerfil .PerfilInfoImg {
    -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
    background: #fff;
    border: 1px solid #D5D5D5;
    box-shadow: 0 2px 2px rgba(0,0,0,0.1);
    display: table;
    float: left;
    height: 91px;
    padding: 1px;
    width: 91px;
    }
    .setPerfil h2 {
    background: #E1E1E1;
    border-radius: 0 10px 0 0;
    box-shadow: 1px 1px 0 #CCC;
    display: block;
    float: left;
    font-family: "Trebuchet MS";
    font-size: 19px;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    margin-bottom: 10px;
    padding: 5px;
    text-shadow: 1px 1px 0 #fff;
    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: #F1F1F1;
    border-left: 3px solid #333;
    border-top: 1px solid #333;
    box-shadow: 1px 1px 0 #CCC;
    display: block;
    float: right;
    font-weight: 400;
    margin: 2px 5px;
    padding: 5px;
    text-align: left;
    width: 350px;
    }
    .setPerfil p {
    font-weight: 400;
    text-align: left;
    }
    .linkPrf {
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    background: #F6F6F6;
    border: 1px solid #DBDBDB;
    border-radius: 0 0 4px 4px;
    border-top: none;
    bottom: -7px;
    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: 2px;
    text-align: center;
    text-decoration: none!important;
    transition: all .2s ease-in-out;
    width: 8em;
    }
    .linkPrf a {
    color: #616161!important;
    font-size: 12px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-decoration: none;
    }
    .setPerfil p:hover {
    box-shadow: 1px 1px 0 #9A9A9A;
    }.setPerfil p div {
    display: inline;
    }

Emanuel
Membru onorific
Membru onorific

masculin

Mesaje : 2960
Data de inscriere : 06/11/2012
Multumiri : 821
Niciun avertisment

http://www.infinigame.org/

Sus In jos

In cos Am incercat

Mesaj Scris de Denis™ la data de Dum 19 Apr - 21:27

[Trebuie sa fiti inscris si conectat pentru a vedea acest link] a scris:Salut,

Mergi in ACP > Module > HTML & JAVASCRIPT > Gestiunea codurilor JavaScript:

Cod:
       jQuery(document).ready(function(){
            jQuery('.tcr a[href*="/u"]').mouseover(function(){
            jQuery(this).parents('strong').css('position', 'relative');
            jQuery('.perfilInfo').remove();
            jQuery(this).parents('.tcr').css('overflow', 'visible');
            jQuery(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>'+jQuery(this).html()+'</h2>
            <p><b>Rank:</b><span></span></p>
            <p><b>Posts:</b><span></span></p>
            <p><b>Joined:</b><span></span></p>
            <p><b>Points:</b><span></span></p>
            <span class="linkPrf"><a href="/privmsg?mode=post&u='+jQuery(this).attr('href').replace('/u', '')+'">Send PM</a></span>
            <span class="linkPrf"><a href="'+jQuery(this).attr('href')+'">View Profile</a></span>
            </span>
            </span>
            </span>
            </div>
            ');
            jQuery.get(jQuery(this).attr('href'), function(retornoMembro){
            var avtPrf = jQuery('#profile-advanced-right img:first', retornoMembro).attr('src');
            jQuery('.PerfilInfoImg').attr('src', avtPrf);
            var perfil_rank = jQuery('#profile-advanced-right .module .main-content img:eq(1)', retornoMembro).attr('alt');
            var perfil_post = jQuery('#field_id-6 dd', retornoMembro).html();
            var perfil_cad = jQuery('#field_id-4 dd', retornoMembro).html();
            var perfil_lastV = jQuery('#field_id-13 dd', retornoMembro).html();
            jQuery('.setPerfil p:eq(0) span').html(perfil_rank);
            jQuery('.setPerfil p:eq(1) span').html(perfil_post);
            jQuery('.setPerfil p:eq(2) span').html(perfil_cad);
            jQuery('.setPerfil p:eq(3) span').html(perfil_lastV);
            });
            //get
            jQuery('.perfilInfo').mouseleave(function(){
            jQuery(this).remove();
            });//mouseleave
            });
            //mouseover
            });

Amplasare: Toate paginile

Apoi mergem in foaia de stil css si adaugam:
Cod:
.perfilInfo {
    background: url(http://i77.servimg.com/u/f77/16/58/45/96/bottom10.png) no-repeat 98% 0;
    float: left;
    height: 177px;
    left: -40em;
    padding: 16px 0 38px 5px;
    top: 13px;
    width: 510px;
    z-index: 999;
    }
    .setPerfil > span {
    background: #f9f9f9;
    border: 1px solid #999;
    border-radius: 3px;
    display: block;
    height: 100%;
    padding: 3px;
    }
    .sprite-icon_topic_latest {
    background: url(http://illiweb.com/fa/sprite_icons.png) no-repeat top left;
    background-position: -1083px 0;
    height: 9px;
    width: 11px;
    }
    .setPerfil {
    background: rgba(0,0,0,0.3);
    border-radius: 3px;
    display: block;
    height: 100%;
    padding: 5px 5px 10px;
    }
    .setPerfil .PerfilInfoImg {
    -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
    background: #fff;
    border: 1px solid #D5D5D5;
    box-shadow: 0 2px 2px rgba(0,0,0,0.1);
    display: table;
    float: left;
    height: 91px;
    padding: 1px;
    width: 91px;
    }
    .setPerfil h2 {
    background: #E1E1E1;
    border-radius: 0 10px 0 0;
    box-shadow: 1px 1px 0 #CCC;
    display: block;
    float: left;
    font-family: "Trebuchet MS";
    font-size: 19px;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    margin-bottom: 10px;
    padding: 5px;
    text-shadow: 1px 1px 0 #fff;
    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: #F1F1F1;
    border-left: 3px solid #333;
    border-top: 1px solid #333;
    box-shadow: 1px 1px 0 #CCC;
    display: block;
    float: right;
    font-weight: 400;
    margin: 2px 5px;
    padding: 5px;
    text-align: left;
    width: 350px;
    }
    .setPerfil p {
    font-weight: 400;
    text-align: left;
    }
    .linkPrf {
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    background: #F6F6F6;
    border: 1px solid #DBDBDB;
    border-radius: 0 0 4px 4px;
    border-top: none;
    bottom: -7px;
    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: 2px;
    text-align: center;
    text-decoration: none!important;
    transition: all .2s ease-in-out;
    width: 8em;
    }
    .linkPrf a {
    color: #616161!important;
    font-size: 12px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-decoration: none;
    }
    .setPerfil p:hover {
    box-shadow: 1px 1px 0 #9A9A9A;
    }.setPerfil p div {
    display: inline;
    }
  Am incercat dar nu stiu de ce nu se intampla nimic Neutru

Denis™
Membru Forumgratuit

Mesaje : 23
Varsta : 17
Data de inscriere : 17/04/2015
Multumiri : 0
Niciun avertisment

http://eskillz.hitforum.ro/

Sus In jos

In cos Re: Click pe nume

Mesaj Scris de Emanuel la data de Dum 19 Apr - 21:46

La amplasare ce ati adaugat? Ati adaugat codul oferit in css?

Emanuel
Membru onorific
Membru onorific

masculin

Mesaje : 2960
Data de inscriere : 06/11/2012
Multumiri : 821
Niciun avertisment

http://www.infinigame.org/

Sus In jos

In cos Da

Mesaj Scris de Denis™ la data de Dum 19 Apr - 21:51

[Trebuie sa fiti inscris si conectat pentru a vedea acest link] a scris:La amplasare ce ati adaugat? Ati adaugat codul oferit in css?
Pai la java am adaugat amplasare toate paginile si am pus si codul in css..

Denis™
Membru Forumgratuit

Mesaje : 23
Varsta : 17
Data de inscriere : 17/04/2015
Multumiri : 0
Niciun avertisment

http://eskillz.hitforum.ro/

Sus In jos

In cos Re: Click pe nume

Mesaj Scris de Emanuel la data de Dum 19 Apr - 21:52

Ne puteti lasa link-ul forumului unde intampinati aceasta problema?

Emanuel
Membru onorific
Membru onorific

masculin

Mesaje : 2960
Data de inscriere : 06/11/2012
Multumiri : 821
Niciun avertisment

http://www.infinigame.org/

Sus In jos

In cos Imediat

Mesaj Scris de Denis™ la data de Dum 19 Apr - 21:54

[Trebuie sa fiti inscris si conectat pentru a vedea acest link] a scris:Ne puteti lasa link-ul forumului unde intampinati aceasta problema?
[Trebuie sa fiti inscris si conectat pentru a vedea acest link] Dar acum am sters ce am pus in css si in java.. daca trebuie le pun din nou dar am incercat de 2 ori..

Denis™
Membru Forumgratuit

Mesaje : 23
Varsta : 17
Data de inscriere : 17/04/2015
Multumiri : 0
Niciun avertisment

http://eskillz.hitforum.ro/

Sus In jos

In cos Re: Click pe nume

Mesaj Scris de Emanuel la data de Dum 19 Apr - 21:57

Pentru a activa codurile javascript mergi in:

Panou de administrare ~> Module ~> HTML & JAVASCRIPT ~> Gestiunea codurilor JavaScript ~> Activeaza gestiunea codurilor JavaScript : Da, apoi click pe butonul Inregistrare .

Sunteti sigur ca nu ati sarit acest pas? Shocked

Emanuel
Membru onorific
Membru onorific

masculin

Mesaje : 2960
Data de inscriere : 06/11/2012
Multumiri : 821
Niciun avertisment

http://www.infinigame.org/

Sus In jos

In cos Sunt sigur

Mesaj Scris de Denis™ la data de Dum 19 Apr - 22:01

[Trebuie sa fiti inscris si conectat pentru a vedea acest link] a scris:
Pentru a activa codurile javascript mergi in:

Panou de administrare ~> Module ~> HTML & JAVASCRIPT ~> Gestiunea codurilor JavaScript ~> Activeaza gestiunea codurilor JavaScript : Da, apoi click pe butonul Inregistrare .

Sunteti sigur ca nu ati sarit acest pas? Shocked
Sunt 100% Sigur

Denis™
Membru Forumgratuit

Mesaje : 23
Varsta : 17
Data de inscriere : 17/04/2015
Multumiri : 0
Niciun avertisment

http://eskillz.hitforum.ro/

Sus In jos

In cos Re: Click pe nume

Mesaj Scris de Emanuel la data de Lun 4 Mai - 15:25

Avand in vedere ca in ultimele 2 saptamani autorul nu a mai aratat interes pentru acesta problema, topicul va fi inchis si trimis in cos. Daca problema nu a fost rezolvata, va invitam sa deschideti un nou topic, in sectiunea corespunzatoare si avind un titlu explicit.

=> Topic trimis in cosul de gunoi


Emanuel
Membru onorific
Membru onorific

masculin

Mesaje : 2960
Data de inscriere : 06/11/2012
Multumiri : 821
Niciun avertisment

http://www.infinigame.org/

Sus In jos

Vezi subiectul anterior Vezi subiectul urmator Sus

- Subiecte similare

Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum