Perfil ao passar mouse no nick do usuário

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

Atendido / Resolvido Perfil ao passar mouse no nick do usuário

Mensagem por Cristian 95 em 23.11.16 21:46

Detalhes da questão


Endereço do fórum: playsuper.forumeiros.com
Versão do fórum: PunBB

Descrição


Olá, poderia me ajudar a concertar isto?
Perfil ao passar mouse no nick do usuário 3OtsDev
Link
Cristian 95

Cristian 95
Usuário destaque

Masculino
Inscrito dia : 16/12/2010
Mensagens : 946
Pontos Ativos : 1278

Ver perfil do usuário http://secondlifevirtual.forumeiros.com/
  • 0

Atendido / Resolvido Re: Perfil ao passar mouse no nick do usuário

Mensagem por while em 24.11.16 1:46

Olá autor, boa noite.

Troque o código js por este:

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



    });
});

Até mais.
while

while
Hiperativo

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3231
Pontos Ativos : 4719

Ver perfil do usuário http://www.ajuda.forumeiros.com https://www.facebook.com/profile.php?id=100012157981279

Atendido / Resolvido Re: Perfil ao passar mouse no nick do usuário

Mensagem por Cristian 95 em 24.11.16 19:44

Certinho Muito feliz

Será que teria como colocar para aparecer também quando passasse o mouse sobre a foto do usuário?
Cristian 95

Cristian 95
Usuário destaque

Masculino
Inscrito dia : 16/12/2010
Mensagens : 946
Pontos Ativos : 1278

Ver perfil do usuário http://secondlifevirtual.forumeiros.com/

Atendido / Resolvido Re: Perfil ao passar mouse no nick do usuário

Mensagem por while em 24.11.16 19:54

Sim, puis o código o mesmo código para pegar ao passar o mouse no nome do usuario na "ultima mensagem" do indice e sub-fórum, como também ao passar o mouse por cima no nome do usuario nas postagens.

Troque o código por este:

Código:
jQuery(document).ready(function() {
    $('.tcr a[href*="/u"], .pun .user-ident .username a[href*="/u"]').mouseover(function() {
        $(this).parents('strong').css('position', 'relative');
        $('.cp_geral').remove();
        $(this).parents('.tcr,.pun .post .user').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();
        });
 
 
 
    });
});

OBS: O javascript tem que estar com investimento em todas as paginas.

Até mais.
while

while
Hiperativo

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3231
Pontos Ativos : 4719

Ver perfil do usuário http://www.ajuda.forumeiros.com https://www.facebook.com/profile.php?id=100012157981279

Atendido / Resolvido Re: Perfil ao passar mouse no nick do usuário

Mensagem por Cristian 95 em 24.11.16 20:14

Oi Muito feliz
Nos tópicos eu não quero não ... rsrs, mas se possivel colocar nos widget do portal. E ao passar o mouse sobre o avatar do usuário, não mostrar .. ;s
Cristian 95

Cristian 95
Usuário destaque

Masculino
Inscrito dia : 16/12/2010
Mensagens : 946
Pontos Ativos : 1278

Ver perfil do usuário http://secondlifevirtual.forumeiros.com/

Atendido / Resolvido Re: Perfil ao passar mouse no nick do usuário

Mensagem por while em 24.11.16 20:39

Okay, troque o código por este:

Código:
jQuery(document).ready(function() {
    $('.tcr a[href*="/u"], .module.main a[href*="/u"]').mouseover(function() {
        $(this).parents('strong').css('position', 'relative');
        $('.cp_geral').remove();
        $(this).parents('.tcr,.module.main').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();
        });
 
 
 
    });
});

Até mais.
while

while
Hiperativo

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3231
Pontos Ativos : 4719

Ver perfil do usuário http://www.ajuda.forumeiros.com https://www.facebook.com/profile.php?id=100012157981279

Atendido / Resolvido Re: Perfil ao passar mouse no nick do usuário

Mensagem por Cristian 95 em 25.11.16 18:46

Ao passar o mouse sobre a foto ainda não aparece ... será que num tem que transforma-lo em um link antes?
Cristian 95

Cristian 95
Usuário destaque

Masculino
Inscrito dia : 16/12/2010
Mensagens : 946
Pontos Ativos : 1278

Ver perfil do usuário http://secondlifevirtual.forumeiros.com/

Atendido / Resolvido Re: Perfil ao passar mouse no nick do usuário

Mensagem por while em 25.11.16 19:57

Não entendi autor.... veja a print abaixo do resultado no seu fórum:

Perfil ao passar mouse no nick do usuário F2308fa75fa542faa33e2c77d12ac499

Não seria isto? Está funcional tanto no indice, tanto nos widgets no portal. (basta passar o mouse por cima do nome de usuário).

Até mais.
while

while
Hiperativo

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3231
Pontos Ativos : 4719

Ver perfil do usuário http://www.ajuda.forumeiros.com https://www.facebook.com/profile.php?id=100012157981279

Atendido / Resolvido Re: Perfil ao passar mouse no nick do usuário

Mensagem por Cristian 95 em 26.11.16 0:20

Sim sim .. mas eu queria que no índice aparecesse também ao passar o mousse sobre a foto do usuário.
Cristian 95

Cristian 95
Usuário destaque

Masculino
Inscrito dia : 16/12/2010
Mensagens : 946
Pontos Ativos : 1278

Ver perfil do usuário http://secondlifevirtual.forumeiros.com/

Atendido / Resolvido Re: Perfil ao passar mouse no nick do usuário

Mensagem por Sennior em 26.11.16 9:19

Boas!

O mesmo já se encontra funcionando no índice também autor!
Talvez um erro de cache impede o senhor de ver a função. Pressione "CTRL+F5" e limpe a página do seu fórum e retorne a visualização do mesmo.

Até mais.
Sennior
Sennior

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16368
Pontos Ativos : 20873

Ver perfil do usuário https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Atendido / Resolvido Re: Perfil ao passar mouse no nick do usuário

Mensagem por Cristian 95 em 26.11.16 13:36

Eu queria que aparecesse também ao passar o mouse sobre a imagem do avatar do membro no indice, só aparece quando passa sobre o link, mas tudo bem...

Será que tem como deixar a parte marcada, com o fundo vermelho? do mesmo jeitinho ... só que com tom vermelho?

Perfil ao passar mouse no nick do usuário 4oPV7z8
Link da imagem
Cristian 95

Cristian 95
Usuário destaque

Masculino
Inscrito dia : 16/12/2010
Mensagens : 946
Pontos Ativos : 1278

Ver perfil do usuário http://secondlifevirtual.forumeiros.com/

Atendido / Resolvido Re: Perfil ao passar mouse no nick do usuário

Mensagem por while em 27.11.16 13:14

Olá autor, vai ficar estranho em...

Mas, vamo lá, adicione esse código em sua folha de estilo css:

Código:
 .cp_capa {background:red;}

Até mais.
while

while
Hiperativo

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3231
Pontos Ativos : 4719

Ver perfil do usuário http://www.ajuda.forumeiros.com https://www.facebook.com/profile.php?id=100012157981279

Atendido / Resolvido Re: Perfil ao passar mouse no nick do usuário

Mensagem por Cristian 95 em 29.11.16 14:20

Não resultou ... rsrs
Cristian 95

Cristian 95
Usuário destaque

Masculino
Inscrito dia : 16/12/2010
Mensagens : 946
Pontos Ativos : 1278

Ver perfil do usuário http://secondlifevirtual.forumeiros.com/

Atendido / Resolvido Re: Perfil ao passar mouse no nick do usuário

Mensagem por Luiz em 29.11.16 18:34

Olá, adicione ao topo de sua CSS:

Código:
/* Mudar background da capa */
.cp_capa {background-color: #7a2f21!important; border-color: #7a2f21!important;}

/* Mudar background da setinha superior */
.cp_capa:before {border-bottom: 15px solid #7a2f21!important; border-bottom-color:#7a2f21!important;}

Salve e comente resultados!
Até mais. De bem com a vida
Luiz

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 23/04/2016
Mensagens : 6626
Pontos Ativos : 7521

Ver perfil do usuário https://luizfelipe.dev

Atendido / Resolvido Re: Perfil ao passar mouse no nick do usuário

Mensagem por Cream em 05.12.16 15:03

Questão abandonada pelo autor, mas considerada resolvida por ter solução para o problema.
Tópico marcado como Resolvido e movido para Questões resolvidas.
Cream

Cream
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 15/12/2010
Mensagens : 8540
Pontos Ativos : 11638

Ver perfil do usuário https://ajuda.forumeiros.com

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


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