Caixa de ultimas mensagens mais para frente por causa de código

Qual é minha questão:
Boas, quando instalo este codigo:

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('[b]'+topics+'[/b] tópicos & [b]'+posts+'[/b] mensagens');jQuery('.row_info').show(2000).css('display','inline')},function(){jQuery('.row_info').hide(2000).remove()})});

A caixa de ultimas mensagens do forum fica mais para a frente e antes tava mais pa direita vejam a print.

Medidas que eu tomei para corrigir o problema:
Nenhuma.

Imagens do meu problema:




Endereço do meu fórum:
www.forum-frito.pt.am

Versão do meu fórum:
PHPBB3

Poderia nos dizer qual a finelidade do código?

Olá!

Troque o código que você utiliza por este:

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(); }
  );
});

Melhores cumprimentos,
seender

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

Nada mantêm-se da mesma

Olá!

Não se deve substituir, mas adicionar esse código em uma página Javascript:

Código:

jQuery(function(){jQuery('dd.dterm').css('width','77%')});

Até mais.

Afinal nao ta Resolvido so reparei agora quando meto este codigo:

Código:

jQuery(function(){jQuery('dd.dterm').css('width','77%')});

FIca assim dentro dos Topicos:

Olá!

Aceda à "Gestão dos códigos JavaScript":
Painel de Controle Módulos Gestão dos códigos JavaScript

Clique em "Criar um novo JavaScript".

Título Escolha o título que quiser
Investimento Em todas as páginas

Codigo JavaScript:

jQuery(function(){jQuery('#page-body').after(jQuery('#page-footer'))});

Clique em "Confirmar".

Até mais.

nada

Olá!

Aceda à "Gestão dos códigos JavaScript":
Painel de Controle Módulos Gestão dos códigos JavaScript

Clique em "Criar um novo JavaScript".

Título Escolha o título que quiser
Investimento Em todas as páginas

Codigo JavaScript:

jQuery(function(){jQuery('.dterm').after('<dd class=topics></dd><dd class=posts></dd>')});

Clique em "Confirmar".

Até mais.

Agora fica assim:

Olá!

Coloque essa código:

jQuery(function(){jQuery('.forums .dterm').after('<dd class=topics></dd><dd class=posts></dd>');jQuery('.topics .dterm').after('<dd class=posts></dd><dd class=views></dd>')});

Até mais.

Continua na mesma

Olá!

Antes de tudo remova essa página Javascript, ela alem de não fazer nada pode estar bugando os outros scripts:
http://forum-frito.forumeiros.com/13568.js

Teste esse código (não coloque o código principal do tópico, pois esse código já está com o código principal do tópico):

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('[b]'+topics+'[/b] tópicos & [b]'+posts+'[/b] mensagens');jQuery('.row_info').show(2000).css('display','inline')},function(){jQuery('.row_info').hide(2000).remove()});jQuery('.forums .dterm').after('<dd class=topics></dd><dd class=posts></dd>');jQuery('.topics .dterm').after('<dd class=posts></dd><dd class=views></dd>')});

Até mais.

Resolvido !