sábado, 24 de julho de 2010

Caixa de notícias com imagem rolante em HTML

http://www.memoria-progressiva.pt/images/noticia_icon.jpgEste é outro código totalmente em HTML de uma caixa de notícia rolante, que 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
Roxo - URL da imagem
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:double #dcdcdc 3px">
      <tr>
        <td bgcolor="black" 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>
             <div style="border:3px double #888888; width:115px; height:90px; ">
                   <img src="URL DA IMAGEM"></div>
            <hr align="left" size="1" color="#000" width="98%">
            <font color="black">Texto da notícia</font>
            </td>
          </tr><br/>

        </center>
          </marquee>
        </td>

      </tr>
    </table>

Marcadores: ,

14 Comentários:

Às 26 de julho de 2010 09:05 , Blogger PAULO CÉSAR disse...

Cadê a parte destacada de verdade?

 
Às 26 de julho de 2010 09:07 , Blogger PAULO CÉSAR disse...

Cadê a parte destacada de verde para adicionar mais notícias?

 
Às 26 de julho de 2010 12:47 , Blogger Códigos Blogger disse...

Olá paulo, a parte destacada de verde, é a parte com fundo verde, onde você copia e cola abaixo dela mesma.

 
Às 26 de julho de 2010 22:51 , Blogger André Conceição disse...

vlw cara vc e fera
muito obrigado por tudo

 
Às 19 de setembro de 2010 21:06 , Blogger estorvo disse...

o amigo coloca ai um tutorial, como fazer os banner parceiros ficarem assim como os seus, valeu amigo tu é fera mesmo

 
Às 2 de outubro de 2010 23:26 , Blogger DDG-admin disse...

Olá Galerinha tudim belezinha ??

Sabe eu estou atrás de um código (só não sei o nome).
É uma caixinha que fica no canto inferior direito do blog que quando se rola a página,está caixinha acompanha a rolagem..
E tem uma imagem (X) para fechar éla.
Eu vi isso em um site pra maiores de 18 anos e alguns blogs.
Nos blogs é usado para colocar feeds tipo (assine nosso feeds)..
Deu pra entender..??? :-/

 
Às 3 de outubro de 2010 21:41 , Blogger Códigos Blogger disse...

@DDG-admin - Dê uma olhada nesse link

http://www.cblogger.tk/2010/05/mensagens-pop-up.html

 
Às 8 de outubro de 2010 16:19 , Blogger MasterJediArtur disse...

Obrigado cara valeu a dica vou tentar aplicar

 
Às 19 de abril de 2011 00:55 , Blogger tecloads disse...

cara min responde uma coisa vc pode min passa o codigo do seu passaro do twitter obg vc pode manda por meu e-mail valeu tecloads@gmail.com otimo site valeu pela sua atençao

 
Às 2 de maio de 2011 12:29 , Blogger Bruno Lima disse...

Gostei muito, parabens!
esse passaro do twitter ta me seguindo hehehhe,
parabens pelo blog.

 
Às 10 de janeiro de 2013 09:08 , Blogger Marcondes Torres disse...

Quero saber onde eu altero o código, se possível, para fazer com que as imagens deslizem na horizontal e com link pra alguma postagem relacionada à imagem.

 
Às 16 de abril de 2013 12:48 , Blogger Pr joão Monteiro disse...

MUITO LEGAL MESMO GOSTEI muito obrigado por tudo

 
Às 3 de dezembro de 2013 11:55 , Blogger André Schmidt disse...

Olá, eu colo esse código em que parte do html? Qual linha? Abração!

 
Às 18 de janeiro de 2016 15:52 , Blogger Marcos Gilioti disse...

Olá,
Gostei do seu post. Mas tem como inserir a cada notícia pelo texto ou imagem, um link que leve o leitor a maiores informações sobre a informações.
Sou totalmente leigo mas estou me arriscando a fazer uma site pelo Wix, pois já tenho um desde 2006, mas tava parado e vou transferir dominio depois... então tô funçando!
Obrigado,

Marcos

 

Postar um comentário

Se você gostou deste artigo deixe um comentário!

Duvidas ou sugestões comentem aqui! =D
*Não insultar autor ou leitores da postagens
*Não pedir parceria por comentários
*Não publicar spam ou similar.

Assinar Postar comentários [Atom]

Links para esta postagem:

Criar um link

<< Página inicial