Imagen Rollover

[The Darkness 0]

1º Passo

 

Va em Inserir>Imagens Interatives>Imagen Cambiável

 

Quando clicar em Imagem Cambiável aparecera a seguinte tela:

 

Vou explicar cada uma dessas opções para não haver futuras duvidas ;)

 

Nome da Imagen: Neste local você colca o nome que colocara na sua imagen rollover

Imagen Original: Aqui você colocara o link para a imagen q ficara na "frente"

Imagen Cambiável: Aqui você colocara a imagen que irá aparecer quando passar o mouse por cima da imagen

Texto Alternativo: Digite o texto que você quiser que apareça quando passar o mouse por cima das imagens

Quando tiver clicado,Vá para a url: aqui você coloca o link para alguma pagina ou download

 

2ºPasso

 

Bom Agora que ja expliquei cada uma das funções vamos criar uma imagen rollover!

Primeiro salve as 2 imagens abaixo:

 

Imagem 1 >

Imagem 2>

 

3ºPasso

 

Pronto Agora vamos criar a imagen rollover!!! em imagen original coloque a Imagen 1 ou a imagen original que você quer colocar em imagen cambiavel coloque a imagen que quer q apareça quando o mouse passar por cima da imagen em texto coloque o que quiser na url não precisa colocar apenas se quiser olhe o exemplo abaixo:

 

Depois de preencher corretamente clique em ok a imagen aparecera:

 

Imagen Rollover

Aperte F12 para visualizar e passe o mouse por cima e vera o resultado!

Pronto criamos uma imagen rollover!

Agora depende da sua imaginação é só criar!!!

 

Autor: The Darkness

 

Qualquer dúvida só dizerem =]

[Guilherme Strich 0]

Bacana este seu outro tutorial,muito bom mesmo, gostei do seu estilo de postar os tutoriais, sempre com imagens e tal, isso é muito bom, pois só escritas as pessoas podem não entender, e com as fotos facilita mais, continue assim amigão, ta mandando muito bem.

[The Darkness 0]

Valeu Guilherme! =]Gosto de postar bastante imagens para evitar duvidas quando lia algum tutorial na internet com poucas imagens acabava ficando na dúvida e o efeito não era o mesmo do tutorial heheAbraços!