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:
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:// urlda 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:// urlda imagem" style="position: relative;" border="0"></a><br></center>
<center><a href="http:// url de seu blog" target="_blank"><img src="http:// urlda 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;
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.
Para colocar na sidebar cole o código que preferir no
gadget html/java script.
Gostaram do tutorial? Qualquer dúvida pergunte.
VC PODIA INSTALAR UMA LENTE DE AUMENTO:)
ResponderExcluirClicBonus, já ajustei a lente de aumento do Windows.
ExcluirPara 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.