Trata-se de um efeito chamado rollover criado no DreamWeaver que com o passar do mouse a imagem é sobreposta por outra imagem.
Esse é um feito bem interessante e que chama a atenção, suas utilidades são variadas, como a construção do menu, amostra de imagens e publicidade.
Se você for um YoutubeManiaco, pode conferir este vídeo “aqui”
Você pode baixar os arquivos utilizados na criação deste vídeo tutorial “aqui“. Experimente abrir o arquivo “rollover” no programa Dreamweaver para que você entenda melhor o procedimento.
O que você achou deste vídeo? Sua opinião é muito importante.















{ 18 comentários… leia abaixo ou deixe o seu }
Fernando,
O Criar Sites não possui uma equipe, todo o conteúdo foi desenvolvido por mim. Acho que sou uma equipede um homem só.
Obrigado pela visita. Abraço!
muito bom o seu site..parabens por seu site..nem sei como agradecer,ele e uma optima ajuda mesmo..
eu tou começando a explorar o Adobe Dreamweaver CS3..estou a gostar..estou pensando criar meu site,mas sei que nao sera façil..sera que poderiamos trocar de email,pra voce me dar umas dicas..se na for maçada e claro….continua assim com seu optimo trabalho..saudaçoes
Tudo bem Celso,gostei muito desse vídeo,foi de muita ajuda para mim.
Apesar de não ter nada haver com esse vídeo gostaria da sua ajuda para criar algo que ficou faltando no meu projeto. Sendo possível para você é claro…
Nesse site plazzabrasil.com.br,assim como em outros que tava vendo possuem uma apresentação de itens da esquerda pra direita quando clica na seta.
Pelo que pesquisei esse procedimento ocorre por que foi fito em CSS.
Bom tai o meu problema. RSRSR
Na verdade é que eu entendendo nada de CSS, XHTML ou qualquer tipo de código no momento, sei que realmente devo aprender esse conteúdo para e tornar um profissional da web,é que como tudo que eu recrutei até agora na net tem como base em fazer com colunas,e utilizando o dreamweaver CS3,já deu para mim aprender muitas coisas e gosta de criar sites.
Bom o que eu quero é criar esse tipo apresentação para ser colocado dentro de uma coluna ou dentro de uma AP DIV,e como eu já disse não entendo nada de código,se você for me explicar como fazer com códigos eu não vou entender nada.
Sendo assim seria possível você fazer o código para que eu possa inseri-lo na coluna ou dentro de uma AP DIV,se der para fazer dessa forma é claro.
Desde já grato por sua ajuda.
Gilson,
Ao contrário do que parece eu também não sou programador e não entendo nada de PHP e CSS, apenas sei usar a parte visual do DreamWeaver.
Recomendo que procure este tipo de ajuda em fóruns especializados.
Abraço!
Hhahaaha!!!!
Tudo bem então…
Obrigado assim mesmo!!!!
Celso, estou encantada com sua boa vontade…
Fiquei muito feliz com meu aprendizado aqui, vou montar meu site e depois volto aqui para falar se deu certo e vc dar sua nota, hahahahahaha
Muito obrigada.
Mônica,
Estarei esperando para saber como ficou. Abração!
\”Nesse site plazzabrasil.com.br,assim como em outros que tava vendo possuem uma apresentação de itens da esquerda pra direita quando clica na seta.
Pelo que pesquisei esse procedimento ocorre por que foi fito em CSS.
Bom tai o meu problema. RSRSR\”
kkkkkkkkkkkkkkk
o cara tah pensando q FLASH eh CSS KKKKKK
q fod4
Ótimo isso para falar a verdade estou desde 2008 querendo saber como eu fazia isso ! Mas agora graças ao CriarSites.com eu aprendi !Mais só tenho uma dúvida como consigo colocar ao em vez dele aumentar ele brilhar ! Desde já Agradeço ! Abraços !
Jheme,
Basta que você crie uma imagem brilhando ao invés de uma imagem maior.
Abraço!
Muito obrigado nem tinha pensado nisso !
Abraços !
muito obrigado pela ajuda mas tenho uma pergunta e gostaria dde saber se alguem me pode ajudar
da para por imagens com o efeito Rollover e com um link para outro site ou mesmo dentro do site para uma outra pagina?
quem me souber ajudar meu e-mail é nunorikardo@hotmail.com
muito obrigado
Olá, eu fiz o menu aqui mas quando eu passo o mouse por cima fica na segunda imagem e nao volta para a primeira EX: home1, home2, quando eu abro o site ta na home1, quando eu passo o mouse por cima vai pra home2 depois que eu tiro o mouse nao volta pra home1, como resolvo isso ?
Guilherme,
Creio que você fez algo de errado aí. Infelizmente eu não tenho ideia do que pode ser.
Abraço!
Celso se adicionar imagens com efeito Rollover na página inicial do blog, o blog fica mais lento?
Abraços!!!
Rosiel,
Fica um pouco dependendo de como ele é feito e também das imagens utilizadas.
Abraço!
Celso eu coloquei umas imagens com efeito Rollover no meu blog, ve as imagens e me fala se elas ficaram pesadas com efeito Rollover.
Abraços!!!
Rosiel,
Não acho que ficaram pesadas. Mas tome cuidado com este tipo de recurso porque o site pode não ficar pesado para carregar, mas o computador do visitante tem que montar a página de todo jeito. Se tiver muito código ou muitos efeitos, dependendo do computador do visitante, o site pode ficar lento.
Abraço!