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