Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Acesso rápido

Fóruns de suporte oficiais
Conectar-se

Esqueci minha senha

Últimos assuntos
» Borda na caixa de texto
Hoje à(s) 02:42 pm por Harleen

» Barra de rolagem
Hoje à(s) 02:29 pm por Amanda Kathleen

» Caixa de Login
Hoje à(s) 02:07 pm por iScroll

» Personalizar cabeçalho
Hoje à(s) 02:07 pm por iScroll

» Cor texto no SCEditor
Hoje à(s) 02:04 pm por Kyo Panda

» Widget melhor do mês não funciona
Hoje à(s) 01:49 pm por Kyo Panda

» Como ocultar iframe de um tópico para visitantes
Hoje à(s) 01:48 pm por Kyo Panda

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Os membros mais ativos da semana
Harleen
 
Kyo Panda
 
PrisoN†BreaK
 
Fou-Lu
 
iScroll
 
Shek
 
Luiz
 
William_iHarDz
 
Kyko
 
Czins
 

Quem está conectado
270 usuários online :: 10 usuários cadastrados, 1 Invisível e 259 Visitantes :: 2 Motores de busca

alhathiq, Amanda Kathleen, GSCode, Gustavo Karasek, Harleen, iScroll, Ketholy123, Kyo Panda, Luiz, William_iHarDz

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

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

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

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

Mensagem por Rafusqui_ em 14/09/15, 05:15 pm

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:

avatar

Rafusqui_
Usuário avançado

Masculino
Inscrito dia : 20/05/2015
Mensagens : 386
Pontos Ativos : 602

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

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

Mensagem por Fraise em 14/09/15, 05:35 pm

Olá,

Qual código está usando para tal efeito?

Até mais.
avatar

Fraise
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4979
Pontos Ativos : 6634

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

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

Mensagem por Rafusqui_ em 14/09/15, 05:44 pm

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

Rafusqui_
Usuário avançado

Masculino
Inscrito dia : 20/05/2015
Mensagens : 386
Pontos Ativos : 602

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

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

Mensagem por Hancki em 14/09/15, 06:00 pm

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
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8039
Pontos Ativos : 12015

http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://twitter.com/https://www.facebook.com/djtomoficial

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

Mensagem por Rafusqui_ em 14/09/15, 07:31 pm

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



    });
});
avatar

Rafusqui_
Usuário avançado

Masculino
Inscrito dia : 20/05/2015
Mensagens : 386
Pontos Ativos : 602

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

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

Mensagem por Hancki em 14/09/15, 09:02 pm

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
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8039
Pontos Ativos : 12015

http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://twitter.com/https://www.facebook.com/djtomoficial

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

Mensagem por Rafusqui_ em 14/09/15, 09:06 pm

Muito bem,já puis, prossiga.
avatar

Rafusqui_
Usuário avançado

Masculino
Inscrito dia : 20/05/2015
Mensagens : 386
Pontos Ativos : 602

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

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

Mensagem por Hancki em 14/09/15, 09:07 pm

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.
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8039
Pontos Ativos : 12015

http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://twitter.com/https://www.facebook.com/djtomoficial

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

Mensagem por Rafusqui_ em 14/09/15, 09:09 pm

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

Rafusqui_
Usuário avançado

Masculino
Inscrito dia : 20/05/2015
Mensagens : 386
Pontos Ativos : 602

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

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

Mensagem por Hancki em 14/09/15, 10:24 pm

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
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8039
Pontos Ativos : 12015

http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://twitter.com/https://www.facebook.com/djtomoficial

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

Mensagem por Rafusqui_ em 14/09/15, 10:35 pm

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

Rafusqui_
Usuário avançado

Masculino
Inscrito dia : 20/05/2015
Mensagens : 386
Pontos Ativos : 602

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

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

Mensagem por Sennior em 14/09/15, 10:56 pm

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


Seta Jamais forneça seus dados pessoais, tais como e-mail de fundação ou senhas pelo fórum!
Seta  Antes de criar um novo tópico faça uma pesquisa rápida e olhe a lista de tutoriais prontos.
Seta Perdeu a senha de administração? Veja o que fazer.
Seta Ferramentas do Administrador.

"Você será lembrado pelo que faz, e não pela cor que tens".
avatar

Sennior
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16303
Pontos Ativos : 20795

http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum