0

Cómo adornar los títulos de los enlaces

Por Antonio Cambronero el 27/02/06, a las 01:02:24 pm, en Css, Wordpress, tips

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:

  1. Descargar el archivo qTip.js y subirlo al servidor, en el directorio donde se encuentre la página con los enlaces.
  2. 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>
  3. 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.

También puedes leer:

Si te ha gustado el post, no olvides suscribirte a nuestro feed RSS





Sin comentarios »

RSS feed para los comentarios de esta entrada. TrackBack URI

Dejar un comentario

XHTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Tanto el autor de este blog, Antonio Cambronero, como sus cobloguers, hacen devolución expresa del contenido de sus posts al Dominio Público
CMS: WordPress - Tema basado en GimpStyle diseñado por Horacio Bella - Hosting: Ferca Network
Recibir las actualizaciones por correo-e
Feeds de Entradas y Comentarios
Política de privacidad