sábado, setembro 29

Frases giratórias



É 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