26 de dez. de 2008

Imagens, Textos ou Banners Rolando

Um widget muito interessante que descobri recentemente é o código para a utilização de imagens, textos ou banners rolando de baixo para cima. Achei muito legal e bem útil para diminuir o espaço que os banner ocupam no blog.

Quando você posiciona o cursor do mause sobre as imagens ela pára de rolar. Isso é bom, poi, ao contrário, se você não clicasse a tempo teria que esperar ela voltar de novo, heheh.

Abixo, está o código para essa função com as alterações possíveis.

No código abaixo, modifique o seguinte:

De vermelho, determine a altura a largura, respectivamente.
De verde, a direção: "up" - de baixo para cima
                                        "down" - de cima para baixo
                                        "up style" -  da esquerda para a direita
De azul, a velocidade do rolamento.
De laranja, insira os códigos de imagens, textos ou banners.

 

<marquee heigth="480" widht="480" direction="up" behavior="scroll" onmouseover="this.stop() " onmouseout="this.start()" scrollamount="3">

<center>

Código de Imagem, Texto ou Banner.

Código de Imagem, Texto ou Banner.

Código de Imagem, Texto ou Banner.

</center></marquee>

Ou utilize ainda duas outras variações mais simples:

<marquee> Código de Imagem, Texto ou Banner.</marquee>

<div align="center"><marquee height="300px" direction="up">Código de Imagem, Texto ou Banner.</marquee></div>

Veja neste site, uma utilização do código para os banner dos parceiros.

0 comentários:

Postar um comentário