Tooltip no Fórum

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

Resolvido Tooltip no Fórum

Mensagem por Thoth em 30/12/14, 11:25 am

Detalhes da dúvida


Versão do fórum : phpBB3
Nível de acesso : Membro
Navegador usado : Google Chrome
Imagem :
Imagem da minha dúvida:

Membros afetados : Todos os membros do fórum
Endereço do fórum : http://tavernanerd.forumeiros.com/

Descrição do problema

Olá, queridos.

Estou tentando implementar este efeito no fórum porém não está resultando. Testei num fórum sem qualquer efeito ativo e mesmo assim não resultou. Acredito que o código deste tópico esteja inválido: http://ajuda.forumeiros.com/t80634-

Alguma solução?

Desde já agradeço a ajuda.
Cordialmente,


Última edição por Thoth em 07/01/15, 08:48 am, editado 1 vez(es)
avatar

Thoth
Usuário experiente

Masculino
Inscrito dia : 01/11/2011
Mensagens : 2154
Pontos Ativos : 2743

Ver perfil do usuário http://suportedesign.forumeiros.com https://www.facebook.com/Suportedesign https://twitter.com/suportedesign
  • 0

Resolvido Re: Tooltip no Fórum

Mensagem por Shek em 02/01/15, 06:38 pm

Boa tarde @Thoth!

O único método que encontro para sanar este bug no código do tutorial é usando o template. Acesse o seu template overall_header.tpl em ACP > Visualização > Templates > Geral > e em seguida, clique no botão Editar e na caixa de Busca, procure por:
Código:
</head>
Em seguida, adicione este código:
Código:
<link rel="stylesheet" href="http://static.tumblr.com/yiol0h8/AXWn3atj3/tipsy.css" type="text/css" />
<script type="text/javascript" src="http://static.tumblr.com/yiol0h8/GOsn3atjv/jquery.tipsy.js"></script>

<script type='text/javascript'>
  $(function() {
    $('.tool-tip').tipsy({fade: true, gravity: 's'});
  });
</script>
Salve e publique o template. Em seguida, acesse Módulos > HTML e JS > Criar um novo JS > Investimento > Em todas as páginas e em seguida, adicione este novo código:
Código:
jQuery(document).ready(function(){
jQuery('a').addClass('tool-tip');
});
Feito isso, salve e veja se é o que precisa.

Atenciosamente,
Shek


Shek CrowleyAdmineiro - Fórum dos Fóruns

Clicar no botão ou no OBRIGADO não mata ninguém!
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 17156
Pontos Ativos : 21415

Ver perfil do usuário http://www.shiftactif.com https://go.topicit.net/ZosT/61pMt1mPsG https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

Resolvido Re: Tooltip no Fórum

Mensagem por Thoth em 03/01/15, 05:40 pm

Olá, Shek.

Resultou parcialmente.
O código do tópico supracitado indica que o efeito deveria resultar em todos os locais onde há exibição da caixa de ''legenda''.
Poderia ver se é possível mudar o padrão http://i.imgur.com/Zip2eyq.png para o efeito http://i.imgur.com/tlFDK0E.jpg ?
Há vários locais que mesmo depois das modificações indicadas apresentam a aparência padrão.


Cordialmente,
avatar

Thoth
Usuário experiente

Masculino
Inscrito dia : 01/11/2011
Mensagens : 2154
Pontos Ativos : 2743

Ver perfil do usuário http://suportedesign.forumeiros.com https://www.facebook.com/Suportedesign https://twitter.com/suportedesign
  • 0

Resolvido Re: Tooltip no Fórum

Mensagem por Shek em 03/01/15, 06:01 pm

Boa tarde!

Isso na verdade é mais fácil de se fazer e até mesmo com pouco conhecimento em HTML conseguimos fazer. Basta colocar os seletores separados por vírgulas dentro do script "Em todas as páginas" e finalmente, teremos o efeito. Substitua o código da página JS por este:
Código:
jQuery(document).ready(function(){
    jQuery('a, img, strong a, strong img').addClass('tool-tip');
    });
Perceba que, a única coisa que fiz foi adicionar , img, strong a, strong img! Agora, todo o conteúdo que é Imagem (img), strong a (negrito com link), strong img (imagem em negrito) tem o efeito solicitado. Algumas partes do fórum não tem no link específico o valor title='' que faz com que o tooltip funcione. Piscada

Até mais!


Shek CrowleyAdmineiro - Fórum dos Fóruns

Clicar no botão ou no OBRIGADO não mata ninguém!
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 17156
Pontos Ativos : 21415

Ver perfil do usuário http://www.shiftactif.com https://go.topicit.net/ZosT/61pMt1mPsG https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

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