Efeito na categoria Hitskin_logo Hitskin.com

Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o temaVoltar para a ficha do tema

Efeito na categoria

2 participantes

Ir para baixo

Tópico resolvido Efeito na categoria

Mensagem por Gabriel Cutolo 14.10.11 21:29

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
Gabriel Cutolo
Gabriel Cutolo
***

Membro desde : 27/07/2011
Mensagens : 143
Pontos : 241

http://directdesign.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito na categoria

Mensagem por Consolado 14.10.11 21:52

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'
Consolado
Consolado
Hiper Membro

Membro desde : 09/05/2011
Mensagens : 4243
Pontos : 6128

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito na categoria

Mensagem por Gabriel Cutolo 15.10.11 15:18

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 ?
Gabriel Cutolo
Gabriel Cutolo
***

Membro desde : 27/07/2011
Mensagens : 143
Pontos : 241

http://directdesign.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito na categoria

Mensagem por Consolado 15.10.11 16:06

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!
Consolado
Consolado
Hiper Membro

Membro desde : 09/05/2011
Mensagens : 4243
Pontos : 6128

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito na categoria

Mensagem por Gabriel Cutolo 15.10.11 16:10

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

Membro desde : 27/07/2011
Mensagens : 143
Pontos : 241

http://directdesign.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito na categoria

Mensagem por Consolado 16.10.11 17:24

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!
Consolado
Consolado
Hiper Membro

Membro desde : 09/05/2011
Mensagens : 4243
Pontos : 6128

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos