Foro Javi&DyDy Foro Pwg Los Tutoriales de DyDy Soloportables Webmaster

   
  Diseņos Ice Blue
  Efecto Rollover para tus imagenes
 



En Creating Online conseguiremos un bonito efecto rollover (la imagen cambia por otra cuando el ratón pasa por encima) para nuestras imágenes o para nuestros botones, que nos pueden servir para los box si necesitamos colocar links alli y no queremos que sea un simple texto o un simple link.

[1] Debemos de tener las dos imágenes del mismo tamaño subidas a un alojamiento de archivos, ya que necesitaremos sus direcciones (url).
 
[2 cedemos a la página del generador en  Creating Online damos clic sobre el logo de la llave (open generator) y rellenamos los datos.

[3] En el primer campo debemos de colocar el enlace al que llevará nuestra imagen o boton (esto es opcional, por si solo lo quieres como imagen, pero si lo vas a utilizar como boton con link, debes rellenar el campo). En el segundo, la url de la imagen que se mostrará antes de pasar el ratón por encima, y en el tercero la imagen que veremos al pasar el ratón. Deben tener en cuenta que en todos los campos, debemos ingresar las urls sin el http://
[4]Dam
oos clic en "Generate My Code", copiamos el código y lo pegamos donde vamos a mostrar el efecto, ya sea en un box , en alguna pagina o en la cabecera, igual funciona bien en cualquier sitio, ya lo probe. Tener en cuenta que el  mism código no puede usarse más de una vez, es decir, no podemos pegar uno en un box y otro igual en una pagina, porque no funcionarían, pero si podemos volver a hacerlo cuantas veces queramos con distintas imágenes, he incluso usando las mismas pero con distinta url (volviendo a re-alojarlas).

Este seria el resultado, para que vean como funciona

 
  Hoy habia 17 visitantes (78 clics a subpáginas) ¡Aqui en esta página!
En constante actualizacion

DiDita9© 2007 | Plantilla PWG | Diseño de DyDy
Page copy protected against web site content infringement by Copyscape
 
 
=> ¿Desea una página web gratis? Pues, haz clic aquí! <=