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
» Formulário de Registo personalizado
Hoje à(s) 3:34 por juleic1123

» Personalizar Chatbox
Hoje à(s) 3:23 por YouTube3

» Caixa de Login
Hoje à(s) 3:07 por YouTube3

» Ultimos assuntos
Hoje à(s) 3:01 por Biel_Staff

» Ajustar aspeto de formulário
Hoje à(s) 2:53 por IsmaelS.

» Problema de resolução de tela dos usuários
Hoje à(s) 2:25 por Luiz~

» Banner edição no texto e mais efeito.
Hoje à(s) 2:21 por Sr.Oliveira

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Os membros mais ativos da semana
Luiz~
 
iScroll
 
YouTube3
 
Tiger
 
IsmaelS.
 
juleic1123
 
Sr.Oliveira
 
Biel_Staff
 

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

Biel_Staff, Daemon, Expecty, Francine_Campos, IsmaelS., juleic1123, ranzatti, Tiago Jackson, ViniZiNN, YouTube3

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

Cristian 95
Usuário destaque

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

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.


Flecha ajudeiros Respeite as Regras do fórum e conheça a nossa equipe e diretrizes do FdF!
Flecha ajudeiros Respeite as Regras da seção de Suporte.
Flecha ajudeiros MP apenas para assuntos importantes!
Flecha ajudeiros Seu tópico foi resolvido ? Não se esqueça de clicar no
avatar

while
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3096
Pontos Ativos : 4805

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

Cristian 95
Usuário destaque

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

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

while
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3096
Pontos Ativos : 4805

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
avatar

Cristian 95
Usuário destaque

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

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.


Flecha ajudeiros Respeite as Regras do fórum e conheça a nossa equipe e diretrizes do FdF!
Flecha ajudeiros Respeite as Regras da seção de Suporte.
Flecha ajudeiros MP apenas para assuntos importantes!
Flecha ajudeiros Seu tópico foi resolvido ? Não se esqueça de clicar no
avatar

while
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3096
Pontos Ativos : 4805

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

Cristian 95
Usuário destaque

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

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.


Flecha ajudeiros Respeite as Regras do fórum e conheça a nossa equipe e diretrizes do FdF!
Flecha ajudeiros Respeite as Regras da seção de Suporte.
Flecha ajudeiros MP apenas para assuntos importantes!
Flecha ajudeiros Seu tópico foi resolvido ? Não se esqueça de clicar no
avatar

while
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3096
Pontos Ativos : 4805

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

Cristian 95
Usuário destaque

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

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
avatar

Sennior
Ex-Admineiro
Ex-Admineiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16258
Pontos Ativos : 22868

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
avatar

Cristian 95
Usuário destaque

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

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.


Flecha ajudeiros Respeite as Regras do fórum e conheça a nossa equipe e diretrizes do FdF!
Flecha ajudeiros Respeite as Regras da seção de Suporte.
Flecha ajudeiros MP apenas para assuntos importantes!
Flecha ajudeiros Seu tópico foi resolvido ? Não se esqueça de clicar no
avatar

while
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3096
Pontos Ativos : 4805

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
avatar

Cristian 95
Usuário destaque

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

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
avatar

Luiz~
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 23/04/2016
Mensagens : 989
Pontos Ativos : 1860

http://ajuda.forumeiros.com/forum

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

Mensagem por Cream em Seg 5 Dez 2016 - 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.
avatar

Cream
Principal contribuidor
Principal contribuidor

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

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