Google
English language thank's to Google Translate

diseño grafico - diseño web - desarrollo web
STAFF
SERVICIOS
PUBLICIDAD
NOS RECOMIENDAN
 
SITIOS ALIADOS
freelance colombia
CONTACTENOS
Envíanos tus propuestas de negocios, preguntas, recomendaciones y reclamos. No olvides escribir tu E-mail para responderte.

Nombre:

País:
Ciudad:

E-mail:
Mensaje:








TOOLTIP AVANZADO CON CSS



Hola, en base a una consulta que hicieron hoy en el foro se me ocurrio hacer este mini mini tutorial para generar un Tooltip sobre una imagen o cualquier url en base a CSS sin Javascript :)

Primero que nada creamos esta seria de instrucciones CSS en la cabecera del archivo html dentro de las etiquetas o en un archivo .css aparte (mejor si tienes mucho css).

En las instrucciones donde quieras agregar el Tooltip debes hacerlo de esta forma:

  • La etiqueta <a> debe asignarsele la classe info del CSS.
  • Tooltip, es el texto de la URL y podria ir una imagen tambien
  • Dentro de <span> va una o mas lineas de texto que apareceran en tu tooltip

    • Gracias a:
    http://www.tallerwebmaster.com/Tutorial-Tool-Tip-avanzado-con-CSS-c-6.html


    Mas Información:
    Fuente 1