É bem simples, você só precisa colocar esse código no seu css (entre <style> e </style>)
.palavra{background-color:transparent;text-align:center; font-family: verdana; font-size: 15px; color: #fffff; background: transparent; top: 100px; margin-left: 3px; padding: 5px 5px 5px 5px; width: 200px;}
Vamos entender o código:
font-size: tamanho da letra
color: cor da letra
Depois cole esse código onde você quer que a frase apareça:
<div style="background-color: #FFFFFF; padding: 2px; padding-bottom: -2px; margin: -7px auto -7px auto; width:210px; overflow: auto; "> <marquee direction="up" scrollamount="2" height="20" behavior="alternate" onmouseover="this.stop()" onmouseout="this.start()">
<div class="palavra"> Frase :D </div>
<div class="palavra"> Frase :D </div>
<div class="palavra"> Frase :D </div>
<div class="palavra"> Frase :D </div>
</marquee></div> </div> </div>
scrollamount=”2” é a velocidade. Se você tiver achando que está muito rápido, coloque 1.
Nenhum comentário:
Postar um comentário