Efeito tópicos e mensagens

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

Resolvido Efeito tópicos e mensagens

Mensagem por Thalia Grace em 02/06/14, 09:06 pm

  • 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

avatar

Thalia Grace
Nível 8

Masculino
Inscrito dia : 03/05/2014
Mensagens : 124
Pontos Ativos : 199

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

Resolvido Re: Efeito tópicos e mensagens

Mensagem por Hancki em 03/06/14, 07:00 am

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
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8047
Pontos Ativos : 12032

Ver perfil do usuário http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://www.facebook.com/djtomoficial

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