Hoy vamos a hablar sobre los Tooltips. ¿Qué es un Tooltip? Pues es la ventanita, generalmente de color gris o amarillo, que aparece cuando pasamos el mouse sobre un link o enlace. Lo usamos para brindar una pequeña información sobre lo que encontraremos al acceder a dicho link.
Hoy haremos algunos Tooltips sencillos y en futuros post, veremos cómo hacer Tooltips más elaborados.
► Si deseamos poner un Tooltip en un enlace de texto, lo haremos de la siguiente forma:
<a href="AQUI-URL-DEL-ENLACE" title="AQUÍ-LA-DESCRIPCIÓN-DEL-ENLACE">NOMBRE-DEL-ENLACE</a>
El resultado será el siguiente (pasar el mouse por encima del enlace):
Diversas & Variadas
► Si deseamos poner un Tooltip en un enlace con imagen, lo haremos de la siguiente forma:
<a href="AQUI-URL-DEL-ENLACE" title="AQUÍ-LA-DESCRIPCIÓN-DEL-ENLACE"><img src="AQUÍ-URL-DE-LA-IMAGEN/></a>
Y el resultado será el siguiente:
Sencillo, verdad? En próximos post haremos Tooltips más elaborados y con más estilos.
4 opinaron:
Muy bueno; no sabía que esas ventanitas se llamaban así; ahora las podnré en todos mis enlaces :)
Besos
Genial, muy buen tutorial: sencillo y entendible :)
hola como estás, ya he aplicado la apertura a una nueva ventana en etiqueta y lo que quisiera saber si hay alguna forma de aplicarlo a los post para que se abran a una ventana nueva ...
gracias de antemano.
saludos. muy buen sitio.
» G: me alegra que te haya servido el post :)
» squirrel: gracias por tus palabras !
» Mackie: te puede servir esta entrada
S@lu2
Por favor, trata de tener habilitado tu perfil (has click en "Comenta con el antiguo editor" para iniciar sesión) o deja un enlace a tu blog escogiendo la opción "Nombre/URL", procura no dejar comentarios Anónimos.
Nota: Si es que se presenta algún problema con el formulario de comentarios, sólo has click en "Comenta con el antiguo editor"
Gracias por participar en el blog.