El código HTML de un enlace lleva el parámetro “title” para especificar una descripción del mismo, visible cuando se pasa el raton por encima de él. La pequeña ventana que se muestra por defecto puede adornarse de muchas formas. En WordPress hay varios plugins que lo hacen; uno de ellos es FancyTooltips.
Si no utilizan WordPress, en este post les contamos una forma de adornar los títulos de los enlaces. Pueden ver el resultado en el siguiente enlace:
enlace con título adornado con qTip
Para conseguir este efecto, sólamente tienen que seguir los tres pasos siguientes:
- Descargar el archivo qTip.js y subirlo al servidor, en el directorio donde se encuentre la página con los enlaces.
- Añadir la siguiente línea entre las etiquetas <head> y </head> de la página con los enlaces:
<script language=”JavaScript” src=”qTip.js” type=”text/JavaScript”></script> - Añadir las siguientes líneas en el archivo con la hoja de estilo (CSS) de la página con los enlaces:
div#qTip {
padding: 3px;
border: 1px solid #666;
display: none;
background: #999;
color: #FFF;
font: bold 14px Verdana, Arial, Helvetica, sans-serif;
position: absolute;
}
El parámero “font” sirve para indicar el tamaño y el tipo de letra. También se pueden cambiar tanto el color del texto como el del fondo (background).
Este y otros fantásticos trucos los pueden encontrar en Solar Dream Studios.
Comments are closed.