quinta-feira, 28 de fevereiro de 2008

Banners rolantes na barra lateral (sidebar)

Uma boa maneira de arrumar todos os banners que vamos "coleccionando", resultantes de parcerias com outros blogues, é colocá-los a rolar num espaço muito mais pequeno, deixando assim o blogue mais "clean" (limpo).

Para conseguir esse efeito utilizamos a tag marquee.

Deixo aqui o código HTML para banners rolantes na barra lateral do blogue:
tag marqueeLegenda:
width="largura da caixa"
height="altura da caixa"
direction="down": os banners descem e direction="up": os banners sobem.
onmouseover=this.stop(): esta parte do código faz parar o movimento dos banners ao passar com o rato.
onmouseout=this.start(): afastando o rato, o movimento recomeça.
scrollamount="2": parte do código que controla a velocidade do rolamento. Quanto maior for o número entre aspas, mais rápido é o rolamento.

Para colocar uma frase em movimento no seu blogue, utiliza-se a mesma tag marquee como mostra o seguinte código HTML:
tag marqueeResultado:
Blogue Diário
Inspirado em: utilnet.blogspot.com
Pesquisa personalizada