Generar un tooltip con CSS
Un tooltip no deja de ser una capa que aparecerá o desaparecerá mostrando cierta información cuando nosotros coloquemos nuestro ratón encima de ciertos elementos de nuestra página web.
Se suele utilizar para mostrar información extra y personalizada al usuario de una página, no es nada intrusivo y aparece y desaparece en función del usuario.
Para llevar a cabo el tutorial de tooltip haremos uso de algunas de las funcionalidades del nuevo CSS3, consiguiendo algo como esto, los colores y demás estilos podremos definirlos a nuestro gusto.
El artículo original está en Inglés.
Otros tooltips
Por si no te ha gustado el primero que he puesto, dejo un par de enlaces con otros tooltips
- http://www.kollermedia.at/archive/2008/03/24/easy-css-tooltip/
- http://www.tallerwebmaster.com/Tutorial-Tool-Tip-avanzado-con-CSS-c-6.html
Comparte este artículo
Trackbacks / Pingbacks
2 Comentarios
Deja un comentario
Si, los tooltips amarillos de defecto dejan mucho que desear. Mejor estos.
Escrito el 24/03/08 a las 21:39:41 (#1) ( responder)
jajajaja la verdad es que sí, son un poco horrorosos :p
Escrito el 25/03/08 a las 00:15:18 (#2) ( responder)