Olá! Saturday, 20 de April de 2024.



Dicas CódigoFonte.net
Sunday, 02 de January de 2005

Criando um sistema de banner rotativo no Front Page

Hoje iremos aprender a criar nosso proprio sistema de banner rotativo em HTML (com linguagem javascript), Calma não se assuste..

1º passo: Abra o Frontpage, Dreamweaver ou um Editor Html (bloco de notas serve)
2º passo: Estrutura basica para sua pagina

Banner rotativo
Inserir aqui o codigo no proximo passo


3º passo: Salve acima como "rotate.htm"
4º passo: Abra o arquivo que acabou de salvar e vamos inserir o codigo que ja deixei pronto para vcs:



Obs: Na linha "MNews[1]" e "MNews[0]" esta um exemplo de banner para que veja ele funcionando apos salvar o arquivo.

5º passo: Salve novamente este arquivo "rotate.htm" e agora vamos publica-lo.
6º passo: Vamos inserir na página para visualização dos banners, cada vez que atualiza a pagina muda o banner.



* Este é um "IFrame", um quadro que ficará dentro da sua pagina, ele tem tamanho 120 x 60 igual ao banner, altere as configurações do banner no arquivo "rotate.htm" neste codigo do frame altere o nome do arquivo que estão as configurações do banner, no caso "rotate.htm"

Meu e-mail, [email protected]
Abraços,
Emilio n. (www.lararodrigues.tk)

Comentários do artigo [Novo comentário]

Andre - 04 de October de 2008 - 16:21
Não consegui fazer o ctrl+c Ctrl+v
Allan Albuquerque Rocha - 17 de November de 2008 - 14:17
nao dá pra copiar os codigos!
carlos eduardo de carvalho - 21 de December de 2008 - 20:08
Bacana.
Point 'Mire-se no alvo' - 02 de April de 2009 - 14:42
e como coloco o meu baner?
Willame Pereira - 16 de April de 2009 - 13:21
seria bom se pudece cópiar, ai fariamos só editar ao nosso gosto.
Deyvison Zaquel da rocha - 08 de July de 2009 - 23:52
muito massa
Antonio Marcos Cabral Herculano - 24 de July de 2009 - 01:27
Bom.. vc poderia deixar todo codigo j?ronto!!!
Aifam Lisarb - 03 de May de 2010 - 11:36
Muito bom este script, basta inserir o tamanho de cada figura WIDTH=? HEIGHT=? sendo ? largura e altura e o Numero = Math.floor(Math.random()*?); sendo ? o número de figuras que se insere e blz.
Muito bom.
Dailton Alan dos Santos Silva - 13 de July de 2010 - 11:14
Complicado! você poderia deixar o código ja pronto, apenas destacando onde deveriasmos alterar, tipo o tamanho e o nome da imagem.
Maicon Lucas Dos Santos Lima - 27 de July de 2010 - 22:51
Bom...
Para adicionar um comentário você deve efetuar o login


Gostou do CódigoFonte.net? Quer indicar a um amigo?
Preencha os campos a seguir.
Seu Nome:
Seu E-mail:
E-mail de seu Amigo:


CodigoFonte.net » Meu Mural » Competiva - Criação de Sites » Todos os Direitos Reservados © 2002/2010