Qual é minha questão:
É possível faser isso em javascript??
Apos passar o mouse emcima das categorias aparecer isso:


Imagens do meu problema:
https://i.servimg.com/u/f26/15/16/38/66/topico10.jpg

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

Versão do meu fórum:
PHPBB3

Olá!

Poderia postar o link do fórum ou site onde você viu isso?

Até mais.

Este : xtibia.com

Olá

Este Fórum Não É Da Forumeiros.

Sinto Muito.

Mas crieio que os codigos funcione com a forumeiros

Boa tarde,

Aqui está o código, que deverá ser inserido na gestão de scripts e deverá ser exibido em todas as páginas. A caixa pode não ter ficado boa, mas isso o pessoal daqui consegue lhe ajudar, é só modificar via CSS:

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; 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(2000).css('display', 'inline');
   },
   
   function() { $('.row_info').hide(2000).remove(); }
   );
});
      

Ficou bom mais o tempo para aparecer é meio lerdo.
tem como por o tempo um poco mais rapido ?

Edit@

Nuss arrumei ja cara.. perfeito rep+++++++

Olá,

Poderia ser mais claro na sua duvida anterior?

Atenciosamente

A css para editar a caixa o.O

Olá,

você quis dizer que quer saber onde fica a folha CSS?

Desculpe se interpretei mal, mas não estou conseguindo te entender...

Atenciosamente

O seletor é .row_info !

vlw..
e obg novamente..

É funciono nao olha :

Código:

.row_info {
-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;
}