29 de abr de 2013

Frases e imagens rolando

Olá pessoal, hoje trago para vocês mais um tutorial super fácil.
sabe quando você entra em um blog e vê aquela frase, texto ouimagens rolando? É isso que vamos aprender. (:  Crédito X .
Vamos ao tutorial:

Marquee com imagens:

 <marquee style="position: relative;" behavior="scroll" align="center" direction="up" scrollamount="2" scrolldelay="5" onmouseover="this.stop()" onmouseout="this.start()" height="300"><br>

<center><a href="http:// url de seu blog" target="_blank"><img src="http:// url
da imagem" style="position: relative;" border="0"></a><br></center></marquee>
Para colocar mais de uma imagem:

 <marquee style="position: relative;" behavior="scroll" align="center" direction="up" scrollamount="2" scrolldelay="5" onmouseover="this.stop()" onmouseout="this.start()" height="300"><br>

<center><a href="http:// url de seu blog" target="_blank"><img src="http:// url
da imagem" style="position: relative;" border="0"></a><br></center>


<center><a href="http:// url de seu blog" target="_blank"><img src="http:// url
da imagem" style="position: relative;" border="0"></a><br></center></marquee>
Entendendo o código:

ONMOUSEOVER="this.stop(): o texto para quando o mouse está em arqueecima;
 ONMOUSEOUT="this.start(): faz o texto seguir;
HEIGHT: altura.
CENTER: imagem centralizada.

Marquee com frases:

<marquee direction="right">Seu texto aqui</marquee>
 <marquee direction="left">Seu texto aqui</marquee>
<marquee behavior="alternate">Seu texto aqui</marquee>
<marquee direction="up">Seu texto aqui</marquee>
<marquee direction="down">Seu texto aqui</marquee>
<marquee bgcolor="#000000"><font color="#00FF00">Seu texto aqui</font></marquee>
 <marquee title="Holding your cursor over this stops the marquee."
            ONMOUSEOVER="this.stop();"
            ONMOUSEOUT="this.start();">
         <H3>Seu texto aqui</H3>
         <P>Seu outro texto aqui</P>
      </marquee>

Entendendo o código:

 Left: texto rolando da direita para a esquerda;
Right: texto rolando da esquerda para a direita;
Up: texto rolando de baixo para cima;
 Down: texto texto rolando de cima para baixo;
Behavoir="alternate": texto bate e volta.
Bgcolor: background;
Font color: cor da fonte. 

Para colocar na sidebar cole o código que preferir no
gadget html/java script. 

Gostaram do tutorial? Qualquer dúvida pergunte.


2 comentários :

  1. VC PODIA INSTALAR UMA LENTE DE AUMENTO:)

    ResponderExcluir
    Respostas
    1. ClicBonus, já ajustei a lente de aumento do Windows.
      Para utilizá-la faça assim:
      1.
      Clique no botão Iniciar, aponte para Todos os Programas, aponte para Acessórios e clique em Acessibilidade.

      2.
      Clique em Lente de Aumento para abrir a caixa de diálogo Configurações de Lente de Aumento. Ajuste o nível de ampliação digitando um número entre 1 e 9 ou selecionando o botão de seta para abrir a lista de opções no menu suspenso.

      Espero ter ajudado.

      Excluir

Qualquer dúvida pergunte que
responderei com prazer.
Só peço que seu comentário
seja relacionado à postagem.

© Princess Tutoriais- Agradece sua visita
2014. Todos os direitos reservados
Pedidos? dúvidas? nos comentários ou na Ask.
imagem-logo