noviembre 11, 2008

Enlaces a través de una imágen haciendo Click (Efecto Onmouseover)

Esta entrada viene como resultado de haber ocultado la navbar de mi blog. No quise eliminarla pensando en las consecuencias que ésto pudiese generar posteriormente, pero luego de haber leído algunos comentarios publicados en ayudas Google me decidí por ocultarla solamente como podrán observar, y no eliminarla. Sin embargo, para acceder a mi plantilla, al igual que todos los que tenemos un blog en Blogger, y no tener que salir de la página para hacerlo, decidí colocar una imágen, donde haciendo click sobre ella, enlazo la página de Blogger para acceder. Luego vi en TRUCOGLER, una entrada que me pareció interesante hasta el punto de, haciendo el respectivo reconocimiento a la fuente, decidirme a publicarla hoy.
Creo que muchos saben como hacer un enlace con imágenes, aunque nunca está demás el recordarlo, pero voy a repetirlo nuevamente, incluyendo la manera de hacerlo a través del evento onMouseOver, teniendo sumo cuidado, ya que al pasar el cursor del mouse sobre la imágen, nos redirecciona a la página deseada de manera inmediata.
Comenzamos con el anlace haciendo click:
Debemos, como primer paso, buscar la imágen representativa de la página a la cual nos vamos a enlazar, yo tomé como ejemplo el anlace a Blogger:
Photobucket - Video and Image Hosting
Posterior a ésto utilizaremos el siguiente script para implementarlo en el sitio escogido (YO LO HICE EN LA SIDEBAR):

<a href="URL de la página a enlazar"><img src="URL de la imágen/></a>
Si hicimos todo de manera correcta visualizaremos, en el sitio que escogimos para colocar nuestro enlace una figura, para enlazar a Blogger, igual a la que aparece en la sidebar de éste blog. Seguidamente vamos con el otro ejemplo o forma de hacerlo:
Llevamos a cabo todos los primeros pasos que en el ejemplo anterior. Despues vamos a implementar el siguiente script:

<a href="http://www.blogger-com"onmouseover="window.location=this.href">http://i391.photobucket.com/albums/oo355/carjavi/blogger1.jpg</a>
A continuación debe aparecernos la imágen de Blogger, como la que aparece en la parte inferior de éste ejemplo, la cual al pasar el puntero del mouse sobre ella, debe redireccionarnos a la página solicitada (Blogger).
Si has encontrado ésta entrada interesante demuéstralo calificándola como se te lndica al final de la misma.
Photobucket - Video and Image Hosting

0 comentarios em “Enlaces a través de una imágen haciendo Click (Efecto Onmouseover)”

Publicar un comentario

Bienvenido, eres libre de expresar tus opiniones.
Para mi no existen comentarios negativos, todos
son positivos porque nos dejan una enseñanza.

Si necesitas contactar conmigo puedes hacerlo a
través de: mitesterlab@gmail.com

 

Mi laboratorio de pruebas Copyright © 2011 -- Template created by O Pregador -- Powered by Blogger