Fader de Notícias

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:

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);
});

Salve!

[alerta=Por enquanto só foi testado em PunBB][/alerta]

Olá,

tutorial muito bom, obrigado por compartilhar conosco .

Até mais .

O fórum de demonstração aqui ta off.

Pra mim esta norma, caracas, muito bom este recurso Daemon, valeu parça !
Abraços.

Bem Legal