Efeito na categoria

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

Resolvido Efeito na categoria

Mensagem por Gabriel Cutolo em 14/10/11, 05:29 pm

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
avatar

Gabriel Cutolo
Nível 8

Masculino
Inscrito dia : 27/07/2011
Mensagens : 143
Pontos Ativos : 241

Ver perfil do usuário http://directdesign.forumeiros.com/

Resolvido Re: Efeito na categoria

Mensagem por Consolado em 14/10/11, 05:52 pm

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

Consolado
Super usuário

Inscrito dia : 09/05/2011
Mensagens : 4243
Pontos Ativos : 6128

Ver perfil do usuário

Resolvido Re: Efeito na categoria

Mensagem por Gabriel Cutolo em 15/10/11, 11:18 am

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

Gabriel Cutolo
Nível 8

Masculino
Inscrito dia : 27/07/2011
Mensagens : 143
Pontos Ativos : 241

Ver perfil do usuário http://directdesign.forumeiros.com/

Resolvido Re: Efeito na categoria

Mensagem por Consolado em 15/10/11, 12:06 pm

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

Consolado
Super usuário

Inscrito dia : 09/05/2011
Mensagens : 4243
Pontos Ativos : 6128

Ver perfil do usuário

Resolvido Re: Efeito na categoria

Mensagem por Gabriel Cutolo em 15/10/11, 12:10 pm

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

Gabriel Cutolo
Nível 8

Masculino
Inscrito dia : 27/07/2011
Mensagens : 143
Pontos Ativos : 241

Ver perfil do usuário http://directdesign.forumeiros.com/

Resolvido Re: Efeito na categoria

Mensagem por Consolado em 16/10/11, 02:24 pm

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

Consolado
Super usuário

Inscrito dia : 09/05/2011
Mensagens : 4243
Pontos Ativos : 6128

Ver perfil do usuário

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