Facebook Twitter Youtube Flicker Google + Pinterest Artedinamico
Inicio | Staff | Servicios | Publicidad | Cursos presenciales | Nos recomiendan | Registrese | Contáctenos |


 
 

Strict Standards: mktime(): You should be using the time() function instead in /home/portalad/public_html/portal/wlib/wsecurityimage.inc.php on line 10
Tip y trucos

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
Fuente: http://www.tallerwebmaster.com/Tutorial-Tool-Tip-avanzado-con-CSS-c-6.html
Regresar a Tips y trucos
Publicado en: 2008-04-07 / Categoría: css / Estadísticas: [ 3305 Lecturas ] / Total comentarios: 0
 
Comparte este tips / truco
Otros tips / trucos de: css
GALERIA DE IMAGENES XHTML CSS
PSEUDOCLASES
HTML5 y CSS3, Crear Animacion de Objetos
ESTILOS CSS
70 IDEAS PARA CREAR MEJORES CSS
 
cOMENTArios:

 

colabora y participa en nuestra comunidad

Si tienes un tips / truco que desea compartir y que crees que es de ayuda para nuestra comunidad por favor haz click en el botón y envíanos un correo con la información e imagenes para publicar.

 
 
AutenticaciÓN
Usuario: "E-mail"
Clave

Olvidó su clave?

Desea registrarse?
 
 
 
 
 
Inicio | Staff | Servicios | Publicidad | Cursos presenciales | Nos recomiendan | Registrese | Contáctenos |


© Copyright Artedinamico.com 2001 - 2013. Todos los Derechos Reservados
Teléfono: (57)+(4) + 444 1001  - Medellín - Colombia - Suramérica
Hosting, diseño y desarrollo de este portal: artedinamico.net
Para contratar los servicios de Artedinamico en: Diseño web, desarrollo web, tiendas virtuales, e-commerce,
posicionamiento web, animación y multimedia, gestores de contenidos, hosting y dominios, cms, diseño gráfico click aquí

Algunas de las imágenes utilizas en este portal son de shutterstock.com y siempre que se usan se reseña su autoría, por lo tanto se prohíbe la distribución y utilización.

Políticas de protección de datos personales | Aviso de privacidad