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

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á:



estava mais ou menos assim:

Olá,

Qual código está usando para tal efeito?

Até mais.

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);
}

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 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();
        });



    });
});

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

Muito bem,já puis, prossiga.

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.

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

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

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

Muito bem,está funcionando. Obrigado @Hancki!