Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
1º Passo
Va em Inserir>Imagens Interatives>Imagen Cambiável
/applications/core/interface/imageproxy/imageproxy.php?img=http://img208.imageshack.us/img208/7931/img107ex.jpg&key=829f01e25aed67fbf38e698f1da0f542fb8b16fe92daac8dfa1295cca92d46f9" alt="Imagem Postada" />
Quando clicar em Imagem Cambiável aparecera a seguinte tela:
/applications/core/interface/imageproxy/imageproxy.php?img=http://img208.imageshack.us/img208/5483/img054ry.jpg&key=38c7c5218ae2b22e663fc782a5100163b3b08ded3d71287f0094e022f7cc3413" alt="Imagem Postada" />
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 >/applications/core/interface/imageproxy/imageproxy.php?img=http://img390.imageshack.us/img390/4892/img033ai.jpg&key=969f3000527ba0984bf2476d8e52d69b55a6a2f2f43b8b1c8b58ee345e820b2b" alt="Imagem Postada" />
Imagem 2>/applications/core/interface/imageproxy/imageproxy.php?img=http://img390.imageshack.us/img390/8881/img045bh.jpg&key=f9c66469cb24c3b2c416fe3359bcf34e2000a5721117cf3a4ae3040f5d465751" alt="Imagem Postada" />
3ºPasso
/applications/core/interface/imageproxy/imageproxy.php?img=http://img208.imageshack.us/img208/5483/img054ry.jpg&key=38c7c5218ae2b22e663fc782a5100163b3b08ded3d71287f0094e022f7cc3413" alt="Imagem Postada" />
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 =]
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!
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.