quinta-feira, 2 de setembro de 2010

Pesonalizando um marquee

Marque, pra quem não sabe, é uma tag da línguagem HTML que serve para dar movimento a textos, imagens , vídeos, em fim, o que estiver entre <marquee> </marquee> será dado o movimento.Mas vale lembra que no marque deve conter algum parâmetro especificando qual o movimento para oque estiver entre as tag.

Veja alguns parâmetros que podem ser colocados:

behavior = “valor”

scroll - O texto fica passando na tela.
alternate - O texto fica indo de um lado para o outro.
slide - O texto passa e para.

Exemplo:

<marquee behavior=”scroll” >texto</marquee>

direction
= “valor”

left - O texto anda à esquerda
right - O texto anda à direita
up - O texto vem de baixo para cima
down - O texto vem de cima para baixo

Exemplo:

<marquee behavior=”scroll” direction=”down”>Texto</marquee>

scrollamount = “valor”

Este código determina a velocidade do texto.

Exemplo:

<marquee behavior=”scroll” scrollamount = “2″ direction=”down”>Texto</marquee>

Width = “valor” e Height= ”valor”

width - largura
height - altura

Exemplo:

<marquee behavior=”scroll” scrollamount = “2″ direction=”down” width=”100″ height=”100″>Texto</marquee>

Agora que você ja sabe um pouco sobre a tag <marquee>, vamos personalizar o mesmo usando CSS.
Vamos usar um estilo de marque abaixo como exemplo.

<style type="text/css">

#marqueepers {
background-color:#000;
border:3px double #fff;
padding:5px;
}

</style>

<div id="marqueepers">
<marquee behavior=”scroll” scrollamount = “2″ direction=”down”>Texto</marquee>
</div>

Na área em destaque são os códigos CSS para personalizar o marquee, sendo assim, você poderá colocar outros códigos ali mesmo para personalização.

Marcadores: , , ,

0 Comentários:

Postar um comentário

Se você gostou deste artigo deixe um comentário!

Duvidas ou sugestões comentem aqui! =D
*Não insultar autor ou leitores da postagens
*Não pedir parceria por comentários
*Não publicar spam ou similar.

Assinar Postar comentários [Atom]

Links para esta postagem:

Criar um link

<< Página inicial