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


Meriteiro

Outubro de 2016



"Este membro destacou-se pela sua dedicação e pelo seu esforço.
Ao longo do último mês, demonstrou as suas capacidades gerais no FDF e, por isso, merece o nosso agradecimento."
Login

Esqueci minha senha

Últimos assuntos
Perdi minha senha!
Obter senha

Nota: use se tiver perdido acesso ao seu painel de controle.

Últimas sugestões
Parceiros Forumeiros
Quem está conectado
71 usuários online :: Nenhum usuário registrado, Nenhum Invisível e 71 Visitantes :: 1 Motor de busca

Nenhum

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 15:05

Perfil ao passar mouse no nick do usuário

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

Resolvido Perfil ao passar mouse no nick do usuário

Mensagem por Cristian 95 em Qua 23 Nov 2016 - 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?

Link

Cristian 95
Usuário destaque

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

http://secondlifevirtual.forumeiros.com/
  • 0

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

Mensagem por while em Qui 24 Nov 2016 - 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
Usuário experiente

Masculino
Inscrito dia : 24/04/2016
Mensagens : 2817
Pontos Ativos : 4143

http://www.ajuda.forumeiros.com https://www.facebook.com/https://www.facebook.com/profile.php?id=100012157981279

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

Mensagem por Cristian 95 em Qui 24 Nov 2016 - 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
Usuário destaque

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

http://secondlifevirtual.forumeiros.com/

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

Mensagem por while em Qui 24 Nov 2016 - 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
Usuário experiente

Masculino
Inscrito dia : 24/04/2016
Mensagens : 2817
Pontos Ativos : 4143

http://www.ajuda.forumeiros.com https://www.facebook.com/https://www.facebook.com/profile.php?id=100012157981279

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

Mensagem por Cristian 95 em Qui 24 Nov 2016 - 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
Usuário destaque

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

http://secondlifevirtual.forumeiros.com/

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

Mensagem por while em Qui 24 Nov 2016 - 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
Usuário experiente

Masculino
Inscrito dia : 24/04/2016
Mensagens : 2817
Pontos Ativos : 4143

http://www.ajuda.forumeiros.com https://www.facebook.com/https://www.facebook.com/profile.php?id=100012157981279

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

Mensagem por Cristian 95 em Sex 25 Nov 2016 - 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
Usuário destaque

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

http://secondlifevirtual.forumeiros.com/

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

Mensagem por while em Sex 25 Nov 2016 - 19:57

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



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
Usuário experiente

Masculino
Inscrito dia : 24/04/2016
Mensagens : 2817
Pontos Ativos : 4143

http://www.ajuda.forumeiros.com https://www.facebook.com/https://www.facebook.com/profile.php?id=100012157981279

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

Mensagem por Cristian 95 em Sab 26 Nov 2016 - 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
Usuário destaque

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

http://secondlifevirtual.forumeiros.com/

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

Mensagem por Sennior em Sab 26 Nov 2016 - 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


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

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

Sennior
Admineiro
Admineiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16227
Pontos Ativos : 22712

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

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

Mensagem por Cristian 95 em Sab 26 Nov 2016 - 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?


Link da imagem

Cristian 95
Usuário destaque

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

http://secondlifevirtual.forumeiros.com/

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

Mensagem por while em Dom 27 Nov 2016 - 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
Usuário experiente

Masculino
Inscrito dia : 24/04/2016
Mensagens : 2817
Pontos Ativos : 4143

http://www.ajuda.forumeiros.com https://www.facebook.com/https://www.facebook.com/profile.php?id=100012157981279

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

Mensagem por Cristian 95 em Ter 29 Nov 2016 - 14:20

Não resultou ... rsrs

Cristian 95
Usuário destaque

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

http://secondlifevirtual.forumeiros.com/

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

Mensagem por Luiz~ em Ter 29 Nov 2016 - 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~
Usuário avançado

Masculino
Inscrito dia : 23/04/2016
Mensagens : 421
Pontos Ativos : 893

http://ajuda.forumeiros.com

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

Mensagem por Cream Ontem à(s) 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.


Seta Respeite as Regras do fórum e conheça a nossa equipe staff e diretrizes do FdF!
Seta Conheça a nossa Lista de tutoriais e nossa Lista de FAQs.
Seta Perdeu a senha de administração? Veja o que fazer.
Seta Ferramentas do Administrador.

Cream
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 15/12/2010
Mensagens : 8358
Pontos Ativos : 13561

http://ajuda.forumeiros.com

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
Fórum dos Fóruns - Ajuda mútua para usuários forumeiros
on
Fórum grátis: interajuda aos usuários forumeiros. Criar e administrar um fórum. Descubra nossos guias, tutoriais e astúcias no suporte de Forumeiros.
Votações: 5