26/09/2017

Texto (imagem) subindo ou descendo


Hey! Hey! Pessoal! Como vão hoje? Bem decidi trazer um tutorial meio antigo e bastante procurado, mas infelizmente são pouco sites que disponibilizam ele de forma funcional. No tutorial de hoje vou mostrar como colocar um texto com movimento de subir ou descer. Também pode se utilizar imagens no lugar de texto. Aqui no blog tem o mesmo tutorial, porém adaptado para imagem [ver].

Worship your body as you walk my way You're the only one who can make me pray I fall at your feet, your breath defined And underneath my skin's an intrinsic shrine Drink my tears, I'm at your mercy I love you most, but I'm not worthy I'll give my soul, sacrifice me Cause your love is holy Is holy I can fight but the devil wins And I will fall like a saint who sins Forgive me Father, I am weak And it's not forgiveness that I seek

1. Vá em Layout e abra um novo Gadget Java/Script e dentro cole:
Códigos
<marquee class="marquee" direction="down" height100="" scrollamount="3">CONTEUDO</marquee>
Ou esse caso queira controlar em um espaço maior:
Códigos
<marquee direction="up" BEHAVIOR="SCROLL" width="167" height="224" id="scroller" onMouseOver="javascript:scroller.stop()" onMouseOut="javascript:scroller.start()" > Código dos parceiros</marquee>
Agora salve!

Entendendo o código:
Azul: Responsável pela posição do texto se mover. Ele esta programado para descer, mas se quiser que suba, mude a palavra em azul por up. Se quiser para os lados coloque left ou right
Vermelho: Velocidade do movimento, quanto maior o numero, maior será a velocidade. 
Verde: Espaço no qual ele vai se mover. 

Viu? Super fácil, não é?

Nenhum comentário:

Postar um comentário

Bem Vindos
Hi! Meu nome é Andréa Alark, mas conhecida como Wendy dona do blog Bunny Crazy. O blog foi criado em 2010 na intenção de ajudar a criação e desenvolvimento do seu blog. Aqui encontrará tutoriais e dicas de HTML, layouts gratuitos e muito mais.
Friends
Bunny Crazy by Wendy ❀
Bunny Crazy ★
Bunny Crazy ★
12345