Tooltip no Fórum

[Thoth]

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: https://ajuda.forumeiros.com/t80634-

Alguma solução?

Desde já agradeço a ajuda.
Cordialmente,

[Shek]

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

[Thoth]

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 https://i.imgur.com/Zip2eyq.png para o efeito https://i.imgur.com/tlFDK0E.jpg ?
Há vários locais que mesmo depois das modificações indicadas apresentam a aparência padrão.


Cordialmente,

[Shek]

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.

Até mais!