Código de imagem animada (Imagem em movimento)
Imagens animadas e que se movimentam (são duas coisas diferentes), chamam bastante a atenção das pessoas, quando utilizadas da maneira correta, nos lugares corretos. Muita "coisinha" animada também não dá certo, não é? Existem blogs que, quando você acessa, demora 5 minutos para carregar devido a quantidade de imagens em .gif, fazendo assim com que o seu visitante vá embora e não volta nunca mais. Agora, usar moderadamente estas imagens, deixa seu blog mais bacana, animado e interativo.
Hoje vou ensinar a vocês a como fazer a imagem "se mexer" de um canto até o outro, parecendo Mário quando você está lutando contra o Bowser e passa de um lado da tela para o outro!
Lembranças a parte, vamos ao código.
Em laranja é a posição da imagem.
Left: Faz ela ir para a esquerda.
Right: Faz ela ir para a direita.
Up: Faz ela ir para cima.
Down: Faz ela ir para baixo.
O número 5 em negrito, indica a velocidade na qual a imagem irá passar. Por favor não aumente muito, se não, quando a pessoa for ver a foto, ficará meia louca. A média é entre 5 e 20.
Onde está em azul é o link para o site que você deseja que a imagem seja apontada.
Em vermelho é URL da imagem.
O resultado será este:
Dica aí a dica para todos. Espero que possa ajudar você! :)
Hoje vou ensinar a vocês a como fazer a imagem "se mexer" de um canto até o outro, parecendo Mário quando você está lutando contra o Bowser e passa de um lado da tela para o outro!
Lembranças a parte, vamos ao código.
<marquee direction="left" onmouseout="this.start();" onmouseover="this.stop();" scrollamount="5"><a href="http://www.redeseblogger.com" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyGLdylvw_A-J92KWgc4RnUwpndMwXvLiK6_Cy8hleqURj45zk9sTKlQ1JO1mjyi8fX29kL2wfuhjcxZb5DDTjWny9H8T7zBI0ae4Gw4WX4mFWg_0MX9AKo3IcyBzyw5xkTnEEfevMHBI7/" /></a></marquee>
Em laranja é a posição da imagem.
Left: Faz ela ir para a esquerda.
Right: Faz ela ir para a direita.
Up: Faz ela ir para cima.
Down: Faz ela ir para baixo.
O número 5 em negrito, indica a velocidade na qual a imagem irá passar. Por favor não aumente muito, se não, quando a pessoa for ver a foto, ficará meia louca. A média é entre 5 e 20.
Onde está em azul é o link para o site que você deseja que a imagem seja apontada.
Em vermelho é URL da imagem.
O resultado será este:
Dica aí a dica para todos. Espero que possa ajudar você! :)
Muito bom o blog, traz excelentes dicas para incrementar o blog..
ResponderExcluirMeus parabéns
Marcio RJ
@Brasil Desnudo Muito obrigado e volte sempre!
ResponderExcluirUtilizei seu código e fiz mais, postei banners de parceiros do meu blog para que ficassem em movimento, só que ao acessar o blog pelo Internet explorer, percebi que os banner's não se movimentavam, só um deles que na verdade não era banner, era só uma figura.
ResponderExcluirPode me explicar se há algo à fazer?
O endereço é http://eccassuncao.blogspot.com/
@Ecc-Assunção / Barbacena Faça o seguinte:
ResponderExcluirATUALIZE SEU NAVEGADOR!
O Internet Explorer limita muita coisa, portanto, vários códigos não farão efeito algum quando usado o Internet Explorer.
Faça o download do Google Chrome ;)
Abraços!
@Wilamis1
ResponderExcluirAgradeço sua atenção Wilamis1, acho que vou inserir no blog aquela frase que a cada dia fica mais conhecida:
"Esse blog é melhor visualizado pelo MOZZILA FIREFOX."
Valeu.