quinta-feira, 15 de julho de 2010

Caixa de notícias rolante em HTML

Este é um código totalmente em HTML.Ele gera uma caixa de notícias que rola pra cima, e quando o cursor fica sobre ele, a animação de rolagem fica mais lenta.

Você pode modificar as seguintes partes.

Azul - cor da borda
Vermelho - cor da caixa
Laranja - Título da caixa
Em negrito - Título da notícia
Em itálico - Texto da Notícia

Para adicionar uma nova notícia , copie a parte destacada de verde e cole abaixo dela mesma.


<table border="0" cellpadding="0"  cellspacing="1" style="border:solid blue 1px">
      <tr>
        <td bgcolor="red" height="18" style="color:#FFFFFF"><center><b>Notícias</b></center></td>
      </tr>
      <tr>
        <td>
          <marquee id="scroller" scrollamount="3" direction="up" onMouseOver="scroller.scrollAmount='1';scroller.style.cursor='default'" onMouseOut="scroller.scrollAmount='3'" style="width:125px; height:200px">
        <center>

        <table border="0" cellpadding="0"  cellspacing="1" width="125">
          <tr>
            <td height="18" class="title">
            <font color="black">Novidades</font><br>
            <hr align="left" size="1" color="#000" width="98%">
            <font color="black">Texto da notícia</font>
            </td>
          </tr><br/>
        </table>
           
        </center>
          </marquee>
        </td>

      </tr>
    </table>


Veja como vai ficar.

Notícias






Novidades


Texto da notícia



Marcadores: ,