terça-feira, 21 de agosto de 2012

Slide De Imagens (Sidebar)


Olá! Wizards!
Hoje eu vou ensinar pra vocês como fazer aquele slidezinho de fotos da sidebar igual do GIF acima, e pra falar a verdade, e bem fácil (até demais!)
Vamos aprender?
Ah, lembrando! O código foi feito por mim!
Vá em: Painel > Seu Blog > Modelo > Adicionar Gadget > HTML/Javascript e cole o seguinte código!
<marquee direction="left" scrollamount="2" width="230" height="160" scrolldelay="3" style="border: 1px; solid;  padding-left: 4; padding-right: 4; padding-top: 1; padding-bottom: 1" onmouseout="this.start()" onmouseover="this.stop()"> <img src="URL DA IMAGEM" /> <img src="URL DA IMAGEM" /> <img src="URL DA IMAGEM" /> <img src="URL DA IMAGEM" /> </marquee>
Entendendo!

Onde está escrito URL DA IMAGEM você coloca a URL da imagem que você quer (YOU DON`T SAY!)
Depois de <marquee direction= tem escrito left, que é pra onde o slide vai correr, se quiser pra direita mude pra right
Em height ponha a altura da sua imagem exata, pra que não fique cortada (É legal por todas as imagens de um só tamanho pra que não fique desproporcional tá?
Ah sim! Se quiser por mais imagens copie esse código e cole antes da última tag </marquee>
Código: <img src="URL DA IMAGEM" /> 
Aconselho você a não mexer em nada pra não dar errado! O código foi testado, mas se houver algum erro, por favor me avise!

Desculpe se o código ficou meio bagunçado, mas na hora que você colar lá vai ficar certinho!
E aqui (www) você acha ótimas imagens pra por!
F
Bom minhas Bruxas e Bruxos lindos tá? vou indo! Amanhã trago mais um tutorial interessante!

Nenhum comentário:

Postar um comentário