[TUTORIAL] Tópicos e mensagens em modo hover (PhpBB3)

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

[TUTORIAL] Tópicos e mensagens em modo hover (PhpBB3)

Mensagem por nikka em 28/04/13, 06:55 am

Tópicos e mensagens em modo hover
Com base neste tutorial, você aprenderá a colocar a quantidade de tópicos e mensagens contidas nas categorias em modo hover, tirando assim o acúmulo de informações e deixando seu fórum mais elegante.


--> Tutoriais, dicas e astúcias <--
Tópicos e mensagens em modo hover



- Código que utilizaremos:
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()})});

- Inserir o código Javascript:
Aceda à Painel de controle Seta Módulos Seta HTML e Javascript Seta Gestão dos códigos Javascript
Clique no botão "Criar um novo javascript"

(carregue na imagem para aumentar)
Seta Título - Terá de colocar um título para a página, de forma a poder identifica-lo na lista de páginas JavaScript do Painel de Controle;
Seta Investimento - Escolha a opção "No índice";
Seta Código JavaScript - Neste campo teremos de inserir o código que trabalhamos no item anterior;
Seta Confirmar - Por fim, após adicionar o código, terá de clicar neste botão para salvar a criação. Se você clicar em um outro botão ou em uma outra seção, as mudanças não serão validadas;



© Fórum dos Fóruns


Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:
[Dúvida] Tópicos e mensagens em modo hover
avatar

nikka
Membro profissional
Membro profissional

Feminino
Inscrito dia : 16/12/2008
Mensagens : 15621
Pontos Ativos : 19897

Ver perfil do usuário https://ajuda.forumeiros.com/ https://www.facebook.com/forumeirospt https://twitter.com/Forumeiros_PT

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


Permissão deste fórum:
Você não pode responder aos tópicos neste fórum