Fader de Notícias Seg 10 Jun 2013 - 19:48
Imagem não disponível no momento...
Nome do Arquivo: Fader de Notícias
Autor: Daemon
Funcionalidade: PunBB
Categoria: Recursos BestSkins
Vamos aprender a aplicar um membro bot de anúncio abaixo do primeiro post em nosso fórum.
Aceda a Painel de controle Módulos HTML & JAVASCRIPT Gestão dos códigos JavaScript Criar um novo JavaScript
Título: A sua escolha
Investimento: Índice
Código:
[alerta=Por enquanto só foi testado em PunBB][/alerta]
Nome do Arquivo: Fader de Notícias
Autor: Daemon
Funcionalidade: PunBB
Categoria: Recursos BestSkins
Vamos aprender a aplicar um membro bot de anúncio abaixo do primeiro post em nosso fórum.
Aceda a Painel de controle Módulos HTML & JAVASCRIPT Gestão dos códigos JavaScript Criar um novo JavaScript
Título: A sua escolha
Investimento: Índice
Código:
- Código:
jQuery(document).ready(function() {
jQuery('.pun-crumbs').after(
'<div class="main">' +
'<div class="main-head">' +
' <div class="page-title">' +
' <h2>Notícias</h2>' +
' </div>' +
'</div>' +
'<div class="main-content">' +
' <table cellspacing="0" class="table">' +
' <tbody class="statused">' +
' <tr>' +
' <td class="row2" colspan="2">' +
' <p style="padding: 3px; width: 100%; border-bottom: 1px solid #F3F3F3;">' +
' <strong><a href="#">Veja algumas de nossas novidades!</a></strong>' +
' </p>' +
' <div id="fadeNews">' +
' <p>' +
' <a href="#">Notícia 1!</a>' +
' </p>' +
' <p style="display: none;">' +
' <a href="#">Notícia 2</a>' +
' </p>' +
' <p style="display: none;">' +
' <a href="#">Notícia 3</a>' +
' </p>' +
' </div>' +
' </td>' +
' </tr>' +
' </tbody>' +
' </table>' +
'</div>' +
'</div>' +
'<style type="text/css">' +
'#fadeNews {position: relative;padding: 12px;}' +
'#fadeNews p {position: absolute; left: 5px;bottom: 3px;}' +
'</style>'
);
jQuery('#fadeNews p:gt(0)').hide();
setInterval(function() {
jQuery('#fadeNews p:first-child').fadeOut('slow').next('p').fadeIn('slow');
jQuery('#fadeNews p:first-child').appendTo('#fadeNews').hide();
},3300);
});
[alerta=Por enquanto só foi testado em PunBB][/alerta]