Efeito tópicos e mensagens

2 participantes

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

Tópico resolvido Efeito tópicos e mensagens

Mensagem por Thalia Grace Ter 3 Jun 2014 - 1:06

  • Descrição:
Oi, queria saber como faz pra aparecer aquele hover com o número de tópicos e mensagens http://comicworld.forumeiros.com/forum

  • Informações:
Fórum:http://testesgraficoshtmlcs.forumeiros.com/Versão:PHPBB2
Tipo:Pedido de códigoTags:Efeito,tópicos,mensagens

Thalia Grace

Thalia Grace
***

Membro desde : 03/05/2014
Mensagens : 124
Pontos : 199

http://www.embreve.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Efeito tópicos e mensagens

Mensagem por Hancki Ter 3 Jun 2014 - 11:00

Olá!

Use este código numa nova página Javascript, investida no índice!
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: #000000; 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()
    })
});
Resultado: http://prntscr.com/3p81c6

Hancki
Hancki

Hancki
Membro Entusiasta
Membro Entusiasta

Membro desde : 03/10/2009
Mensagens : 8190
Pontos : 12245

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

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