Efeito na categoria

Qual é minha questão:
por favor entre nesse fórum http://xteste.forumeiros.com/ passe o mouse na categoria, vai ver um balão escrito 5 tópicos & 8 mensagens. Tem como vcs passarem o código disto para mim!?

Medidas que eu tomei para corrigir o problema:
procurar o fdf

Imagens do meu problema:
nop

Endereço do meu fórum:
http://directdesign.forumeiros.com

Versão do meu fórum:
PHPBB3

Olá!

Painel de Controle -> Módulos -> HTML & JAVASCRIPT -> Gestão dos códigos JavaScript
Crie uma nova página JS com este código:

Código:

jQuery(function(){jQuery('li.row dd.topics, li.row dd.posts, li.header dd.topics, li.header dd.posts').css('display','none');jQuery('li.row').hover(function(){posts=jQuery(this).find('dd.posts').html();topics=jQuery(this).find('dd.topics').html();jQuery(this).find('dd.dterm div h3').append('<span class="row_info" style="display: none; background-color: #F3F3F3; border: 1px solid #eee; padding: 3px; margin-left: 20px; width: auto;"><strong>'+topics+'</strong> tópico(s) & <strong>'+posts+'</strong> mensagem(ns)</span>');jQuery('.row_info').show(2000).css('display','inline')},function(){jQuery('.row_info').hide(2000).remove()})});

Marque o "investimento" em todas as páginas.

Atenciosamente!

Tópico movido de 'Questões diversas' para 'Questões sobre códigos'

Obrigado, só que assim, ele não está com o efeito do balãozinho e não esta a direita do nome do tópico está em baixo, tem como arrumar ?

Olá!

Claro, substitua por este código:

Código:

$(function(){$('li.row dd.topics, li.row dd.posts, li.header dd.topics, li.header dd.posts').css('display','none');$('li.row').hover(function(){posts=$(this).find('dd.posts').html();topics=$(this).find('dd.topics').html();$(this).find('dd.dterm div h3').append('<span class="row_info"style="display:none;-moz-border-radius:5px 5px 5px 5px;-webkit-border-top-left-radius:5px;-webkit-border-bottom-left-radius:5px;-webkit-border-top-right-radius:5px;-webkit-border-bottom-right-radius:5px;background:#e9ecef;background-color:#F3F3F3;border:1px solid#eee;padding:3px;margin-left:20px;width:auto;"><strong>' + topics + '</strong> tópicos & <strong>' + posts + '</strong>mensagens</span>');$('.row_info').show(0).css('display','inline')},function(){$('.row_info').hide(0).remove()})});

Atenciosamente!

Deu um error básico ficou assim '6 tópicos & 9 mensagens'

Olá!

Substitua por este código:

Código:

$(function(){$('li.row dd.topics, li.row dd.posts, li.header dd.topics, li.header dd.posts').css('display','none');$('li.row').hover(function(){posts=$(this).find('dd.posts').html();topics=$(this).find('dd.topics').html();$(this).find('dd.dterm div h3').append('<span class="row_info"style="display:none;-moz-border-radius:5px 5px 5px 5px;-webkit-border-top-left-radius:5px;-webkit-border-bottom-left-radius:5px;-webkit-border-top-right-radius:5px;-webkit-border-bottom-right-radius:5px;background:#e9ecef;background-color:#F3F3F3;border:1px solid#eee;padding:3px;margin-left:20px;width:auto;"><strong>' + topics + '</strong> tópicos & <strong>' + posts + '</strong>mensagens</span>');$('.row_info').show(0).css('display','inline')},function(){$('.row_info').hide(0).remove()})});

Atenciosamente!