Follow Us @soratemplates

quinta-feira, 9 de junho de 2011

Flashvars: tutorial + cute flashvars

Flashvars são caixas de texto em que o que vc escreve fica em movimento, deslizando.
No site Material Extra há um tutorial para fazer o texto em movimento (marquee)ou outras coisas em movimento.
No blog da Annyz (em espanhol) também há tutoriais sobre diversas formas de fazer seu texto movimentar, como essa:

PhotobucketQue é bem legal e simples de ser feito! :3


<span style="color: yellow;"><marquee direction="left" style="background: #e47cbb;"><img src="URL DA IMAGEM">ESCREVA AQUI</marquee></span>


Em que:
span style= color:yellow; - é a cor da fonte;
marquee direction = left - é a direção em que o texto desliza, no caso, para a esquerda (left); mas pode ser para a direita, substituindo left por right;
style = background: #e47cbb; - é a cor do plano de fundo.


Na internet vc encontra vários outros prontos, bem fofinhos também. Já disponibilizei alguns aqui (tag Cute Things)e hoje deixo mais esses:





<embed flashvars="txt=ESCREVA" height="70" src="http://rebaca0210.miroko.tw/SUMMER-1.swf" type="application/x-shockwave-flash" width="160" wmode="transparent"></embed>




<embed flashvars="txt=ESCREVA" height="70" src="http://rebaca0210.miroko.tw/SUMMER-2.swf" type="application/x-shockwave-flash" width="160" wmode="transparent"></embed>





<embed flashvars="txt=ESCREVA" height="70" src="http://rebaca0210.miroko.tw/SUMMER-3.swf" type="application/x-shockwave-flash" width="160" wmode="transparent"></embed>




<embed flashvars="txt=ESCREVA" height="70" src="http://rebaca0210.miroko.tw/SUMMER-4.swf" type="application/x-shockwave-flash" width="160" wmode="transparent"></embed>




<embed flashvars="txt=ESCREVA" height="70" src="http://rebaca0210.miroko.tw/SUMMER-5.swf" type="application/x-shockwave-flash" width="160" wmode="transparent"></embed>


Crédito Flashvars prontos
Crédito código para flashvar; veja também outros códigos
Veja no Material Extra também imagens e textos em movimento


Espero que tenham gostado. Beiju :)
*Dica: onde estiver escrito width="160" vc pode alterar o número para aumentar ou diminuir a largura do flashvar.

3 comentários:

  1. Oiii tem tag para você lá no meu blog, espero que goste =)
    http://justlovethays.blogspot.com/

    ResponderExcluir
  2. Dá para customizar bastante meu blog usando as coisinhas daqui. Obrigada!

    ResponderExcluir
  3. Amei o tuto! Seu design tá lindo, você podia postar cursores ( achie o seu tão fofo), e obrigfada por comentar!
    Kissus

    http://styleteensnews.blogspot.com

    ResponderExcluir

Muito obrigada por seu comentário e por sua presença! Ambos são super importantes para mim.

Apenas peço que:
- Comente a vontade, dê sua opinião, faça críticas, esclareça suas dúvidas e dê suas sugestões sobre o assunto referente às postagens;
- Use um vocabulário livre para todas as idades;
- Não ofenda ninguém em hipótese alguma.

Os comentários são moderados e não são permitidos comentários de pessoas que não se identifiquem. Algumas dúvidas podem ser previamente esclarecidas na F.A.Q, assim como créditos e outras coisas.

Por favor, entrem em contato por meio das redes sociais também para dúvidas, sugestões, pedidos ou outros:
Facebook - Twitter - Google+ - Deviantart