problema com informações ao passar mouse em cima (mouse over)

4 participantes

Ver o tópico anterior Ver o tópico seguinte Ir para baixo

Tópico resolvido problema com informações ao passar mouse em cima (mouse over)

Mensagem por Rafusqui_ 14.09.15 21:15

Detalhes da questão


Endereço do fórum: http://gtasavdl.forumeiros.com/forum
Versão do fórum: PunBB

Descrição


bom, antes estava funcionando muito bem,mas quando coloquei o perfil estilo ipboard ,ele parou de funcionar... poderiam me ajudar?

olha como está:

problema com informações ao passar mouse em cima (mouse over) BbAKEgj

estava mais ou menos assim:

problema com informações ao passar mouse em cima (mouse over) ABiLnwF
Rafusqui_

Rafusqui_
****

Membro desde : 20/05/2015
Mensagens : 386
Pontos : 602

https://login.live.com/login.srf?wa=wsignin1.0&rpsnv=12& https://www.facebook.com/www.facebook.com/ https://twitter.com/teste

Ir para o topo Ir para baixo

Ajudeiro

Tópico resolvido Re: problema com informações ao passar mouse em cima (mouse over)

Mensagem por Fraise 14.09.15 21:35

Olá,

Qual código está usando para tal efeito?

Até mais.
Fraise

Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6558
Pontos : 8045

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ir para o topo Ir para baixo

Tópico resolvido Re: problema com informações ao passar mouse em cima (mouse over)

Mensagem por Rafusqui_ 14.09.15 21:44

Só uso folha de estilo que seria esse codigo abaixo:

Código:
div.user-basic-info img{
    margin: 3px;
    border: 5px solid #eee;
    -webkit-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
    -moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
    box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}
 
div.user-basic-info img:hover {
    -webkit-transform: rotate(-7deg);
    -moz-transform: rotate(-7deg);
    -o-transform: rotate(-7deg);
}
Rafusqui_

Rafusqui_
****

Membro desde : 20/05/2015
Mensagens : 386
Pontos : 602

https://login.live.com/login.srf?wa=wsignin1.0&rpsnv=12& https://www.facebook.com/www.facebook.com/ https://twitter.com/teste

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: problema com informações ao passar mouse em cima (mouse over)

Mensagem por Hancki 14.09.15 22:00

Olá!

Precisa de bem mais que isso para que apareça tanta informação! Precisa também de um código Javascript.

Para podermos corrigir de acordo com o novo perfil IPBoard, precisamos do código Javascript usado para esse efeito!

Hancki
Hancki

Hancki
Membro Entusiasta
Membro Entusiasta

Membro desde : 03/10/2009
Mensagens : 8190
Pontos : 12245

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: problema com informações ao passar mouse em cima (mouse over)

Mensagem por Rafusqui_ 14.09.15 23:31

@Hancki verdade,obrigado por me lembrar do JS. aqui está:

Código:
jQuery(document).ready(function() {
    $('.tcr a[href*="/u"]').mouseover(function() {
        $(this).parents('strong').css('position', 'relative');
        $('.cp_geral').remove();
        $(this).parents('.tcr').css('overflow', 'visible');
        $(this).before('<style>@import url("https://googledrive.com/host/0B3OkiMRv7LXpRTRTS01mLXJVRXc#icones-elegantes-Cepheus.css");</style><a href="' + $(this).attr('href') + '"><div class="cp_geral" style="position:absolute;"><div class="cp_box"> <div class="cp_capa"> <div class="cp_capa-avatar"><img src="http://i.imgur.com/1rHWZUQ.gif" /></div> <div class="cp_capa-nick"> <strong>' + $(this).html() + '</strong> <span class="span_capa-nick"></span> </div> </div> <div class="cp_info"> <div class="cp_info-botoes"> <div class="cp_info-botoes-post"><strong></strong><span>posts</span></div> <div class="cp_info-botoes-rep"><strong></strong><span>reputação</span></div> <div class="cp_info-botoes-data"><strong></strong><span>cadastro</span></div> </div> </div> <div class="cp_icones"> <div class="cp_mp"><a href="/privmsg?mode=post&u=' + $(this).attr('href').replace('/u', '') + '">MP</a></div> <div class="cp_perfil"><a href="' + $(this).attr('href') + '">PERFIL</a></div> </div></div> </div></a>');
        $.get($(this).attr('href'), function(cps) {
            $('.span_capa-nick').html($('#profile-advanced-right .main-content.clearfix.center:eq(0)', cps).html());
            $('.cp_capa-avatar').html($('#profile-advanced-right .main-content.clearfix.center:eq(0)', cps).html());
            $('.cp_info-botoes-data strong').html($('#field_id-4 dd div', cps).html());
            $('.cp_info-botoes-post strong').html($('#field_id-6 dd div', cps).html());
            $('.cp_info-botoes-rep strong').html($('#field_id-14 dd div', cps).html());

        });

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



    });
});
Rafusqui_

Rafusqui_
****

Membro desde : 20/05/2015
Mensagens : 386
Pontos : 602

https://login.live.com/login.srf?wa=wsignin1.0&rpsnv=12& https://www.facebook.com/www.facebook.com/ https://twitter.com/teste

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: problema com informações ao passar mouse em cima (mouse over)

Mensagem por Hancki 15.09.15 1:02

Eu tentei todas as alternativas para o seu problema... e sem sucesso!
É mais fácil cortar o mal pela raiz! O problema está no código de perfil estilo IPBoard que tem no momento.

Por favor, altere para este: http://pastebin.com/raw.php?i=pHBsYVp0
Esse foi o original feio pelo nosso querido @JScript, e com ele eu tenho a solução pois já tive problemas semelhantes ao seu.

Mude o template para o código desse link e quando estiver pronto, avise para eu corrigir o código Javascript.

Hancki
Hancki

Hancki
Membro Entusiasta
Membro Entusiasta

Membro desde : 03/10/2009
Mensagens : 8190
Pontos : 12245

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: problema com informações ao passar mouse em cima (mouse over)

Mensagem por Rafusqui_ 15.09.15 1:06

Muito bem,já puis, prossiga.
Rafusqui_

Rafusqui_
****

Membro desde : 20/05/2015
Mensagens : 386
Pontos : 602

https://login.live.com/login.srf?wa=wsignin1.0&rpsnv=12& https://www.facebook.com/www.facebook.com/ https://twitter.com/teste

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: problema com informações ao passar mouse em cima (mouse over)

Mensagem por Hancki 15.09.15 1:07

Me desculpe, passei o código errado (tinha uma outra versão aqui)!

Use este e me perdoe: http://pastebin.com/raw.php?i=cch74Ri3

Assim que estiver, me avise.
Hancki

Hancki
Membro Entusiasta
Membro Entusiasta

Membro desde : 03/10/2009
Mensagens : 8190
Pontos : 12245

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: problema com informações ao passar mouse em cima (mouse over)

Mensagem por Rafusqui_ 15.09.15 1:09

percebi,pois ficou todo bugado,kkk , obrigado, prossiga.
Rafusqui_

Rafusqui_
****

Membro desde : 20/05/2015
Mensagens : 386
Pontos : 602

https://login.live.com/login.srf?wa=wsignin1.0&rpsnv=12& https://www.facebook.com/www.facebook.com/ https://twitter.com/teste

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: problema com informações ao passar mouse em cima (mouse over)

Mensagem por Hancki 15.09.15 2:24

Peço desculpa pela demora.. estava atento a umas séries e perdi noção do tempo! Mostrando a lingua

Eis o código Javascript que funcionará:
Código:
jQuery(document).ready(function() {
    $('.tcr a[href*="/u"]').mouseover(function() {
        $(this).parents('strong').css('position', 'relative');
        $('.cp_geral').remove();
        $(this).parents('.tcr').css('overflow', 'visible');
        $(this).before('<style>@import url("https://googledrive.com/host/0B3OkiMRv7LXpRTRTS01mLXJVRXc#icones-elegantes-Cepheus.css");</style><a href="' + $(this).attr('href') + '"><div class="cp_geral" style="position:absolute;"><div class="cp_box"> <div class="cp_capa"> <div class="cp_capa-avatar"><img src="http://i.imgur.com/1rHWZUQ.gif" /></div> <div class="cp_capa-nick"> <strong>' + $(this).html() + '</strong> <span class="span_capa-nick"></span> </div> </div> <div class="cp_info"> <div class="cp_info-botoes"> <div class="cp_info-botoes-post"><strong></strong><span>posts</span></div> <div class="cp_info-botoes-rep"><strong></strong><span>reputação</span></div> <div class="cp_info-botoes-data"><strong></strong><span>cadastro</span></div> </div> </div> <div class="cp_icones"> <div class="cp_mp"><a href="/privmsg?mode=post&u=' + $(this).attr('href').replace('/u', '') + '">MP</a></div> <div class="cp_perfil"><a href="' + $(this).attr('href') + '">PERFIL</a></div> </div></div> </div></a>');
        $.get($(this).attr('href'), function(cps) {
            // $('.span_capa-nick').html($('#profile-advanced-right .main-content.clearfix.center:eq(0)', cps).html());
            $('.cp_capa-avatar').html($('#profile_tabs p.short.photo_holder', cps).html());
            $('.cp_info-botoes-data strong').html($('#field_id-4:first div.field_uneditable', cps).text());
            $('.cp_info-botoes-post strong').html($('#field_id-6 div.field_uneditable', cps).text());
            $('.cp_info-botoes-rep strong').html($('#field_id-14 div.field_uneditable', cps).text());

            if ($('.cp_info-botoes-rep strong').text() == '') {
                $('.cp_info-botoes-rep strong').text('0');
            }

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

Hancki
Hancki

Hancki
Membro Entusiasta
Membro Entusiasta

Membro desde : 03/10/2009
Mensagens : 8190
Pontos : 12245

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: problema com informações ao passar mouse em cima (mouse over)

Mensagem por Rafusqui_ 15.09.15 2:35

Muito bem,está funcionando. Obrigado @Hancki!
Rafusqui_

Rafusqui_
****

Membro desde : 20/05/2015
Mensagens : 386
Pontos : 602

https://login.live.com/login.srf?wa=wsignin1.0&rpsnv=12& https://www.facebook.com/www.facebook.com/ https://twitter.com/teste

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: problema com informações ao passar mouse em cima (mouse over)

Mensagem por Sennior 15.09.15 2:56

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

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