Categorias
tutorial

Tutorial – Como criar um banner DHTML | Float

ATENÇÃO – As dimensões utilizadas nos templates disponibilizados são modelos. Tais propriedades podem ser alteradas nos arquivos e devem seguir as especificações determinadas pelo portal onde o banner será veiculado.

1. Faça o download de um dos templates:Download – Template genérico 300×250Download – Template Globo 300×250Download – Template Globo 728×728Download – Template Globo 640×332

Se as especificações do portal tiver dimensões diferentes do template, altere conforme os itens abaixo.

2. No arquivo index.html da raiz do diretório principal altere as informações de altura e largura presentes na linha 10, e insira o código HTML no local indicado.

3. No arquivo style.css do diretório styles altere as dimensões nas linhas 48 e 49. Mantenha 2pxs a menos na altura e largura para que a borda complete a dimensão total. Insira o estilo da sua animação.

4. No arquivo script.js do diretório scripts altere o tempo de fechamento automático na linha 6. Insira a função que inicia a animação no local indicado, isso é necessário para que não ocorra problemas com exibição do banner em branco.