Personalizar los elementos “title”
Los elementos title sirven para describir la página a la que apunta un enlace:
<a href="http://www.enlace.com" title="Descripción de la página Enlace">Enlace</a>
En los navegadores, por defecto, aparece en un recuadro amarillo cuando pasa el ratón por encima del enlace:
Podemos personalizar los elementos title de nuestra página web para que tengan una apariencia más llamativa, como hace Zootropo. En kryogenix.org descargamos un archivo en Javascript y su archivo CSS, que guardaremos en nuestro servidor y modificaremos a nuestro gusto (en el CSS es importante vincular una imagen para el fondo del title). Después, escribiremos en la sección head:
<script type="text/javascript" src="nicetitle.js"></script>
<link rel="stylesheet" href="nicetitle.css">
En 1976design.com y neo-dzygn-com, se desarrolla el proyecto incluyendo, entre otras cosas, access keys o accesos rápidos a los enlaces de un menú (con alt + otra tecla). Observad los ejemplos: uno y dos. Descarga de los archivos para esta versión.
Más:
HoverHelp
JavaScript Fading Tooltips
wg:Bubble Tooltips
Sweet Titles Finalized
qTip . css . learn . solarDreamStudios
Webmaster Libre
jTip - The Jquery Tool Tip
tooltip.js - version 0.2
Ref:
torresburriel.com
Sindica el feed
Opciones de discusión
Hay 2 Comentarios
Personalizando el <tt>title</tt> de los enlaces
Yo lo har dentro de poco, como hace Zootropo….
El problema es que algunas implementaciones se superponen al tooltip del navegador.
Deja un comentario