Oct-07 26

Marquee e seus atributos

Enviado por: Thales RB. .     10 comentários.     Categorias: HTML-CSS

Acho que qualquer um que conheça html, deve conhecer o comando marquee<marquee></marquee>, ele serve para dar um efeito de movimento ao texto, só que ele tem uma serie de atibutos, para deixar melhor esse efeito, aqui vai um lista com alguns dos atributos dele:

behavior: tipo de movimento ex: scroll, slide

loop: quantidade de vezes que o conteudo irá “rodar”

direction: direção que o conteudo se moverá, ex: left, right, top, bottom
height e width: dimensões da area de movimento
scrollamount: velocidade do movimento
scrolldelay: tempo que o conteudo ficara oculto

e uma função muito interressante, que pode ser usada, nesse comando, é o onmouseover, onmouseout que permite ao passar do mouse parar o movimento.

E aqui um exemplo, com todos os atributos, sendo usados:
[sourcecode language='html']
height="150" width="150" scrollamount="2" scrolldelay="10"
onmouseover="this.stop()" onmouseout="this.start()" align="left">
aqui pode ter um texto, mas ficaria melhor com imagens

[/sourcecode]
e o resultado será esse:


aqui pode ter um texto, mas ficaria melhor com imagens, e ao parar o mouse sobre ele ele pausa o movimento

Para textos em linha, eu acho feio esse efeito, mas com imagens, ele fica perfeito, principalmente para algo como, uma galeria de parceiros, o que permite, ter uma area pequena, mas com muitas imagens.

Oct-07 26

Table Layout Vs. Tableless

Enviado por: Thales RB. .     2 comentários.     Categorias: HTML-CSS

Porque usar tabelas para layouts é estupidez?

Esse é o título de um artigo que de forma bem humorada demonstra todos os prós de um layout Tableless e os contras de uma Table Layout.

Com linguagem simples e objetiva (e alguns quadrinhos), esse artigo:
- Mostra o que é um layout Tableless.
- Faz uma comparação entre Tableless e Table Layout.
- Apresenta os bastidores de uma Table Layout
- Possui exemplos práticos e bem humorados sobre a transição de modelos
- E também mostra onde é melhor a utilização de tabelas ao invés de Tableless

Curioso? Então acesse e perca o medo de redesenhar seus layouts.
http://www.plasmadesign.com.br/stupidtables/index.html