Foros del Web » Creando para Internet » HTML »

pones el mouse sobre una palabra y se abre una descripcion, como hacer?

Estas en el tema de pones el mouse sobre una palabra y se abre una descripcion, como hacer? en el foro de HTML en Foros del Web. Hola no sé si alguien vio que cuando tu pones el puntero del mouse sobre una palabra clave, cuando situas el mouse sobre esa palabra ...
  #1 (permalink)  
Antiguo 02/04/2008, 19:56
 
Fecha de Ingreso: marzo-2008
Mensajes: 27
Antigüedad: 9 años, 8 meses
Puntos: 1
pones el mouse sobre una palabra y se abre una descripcion, como hacer?

Hola no sé si alguien vio que cuando tu pones el puntero del mouse sobre una palabra clave, cuando situas el mouse sobre esa palabra se pone un signo de interrogación e inmediatamente se abre una pequeña descripcion de lo o concepto de esa palabra, eso lo he visto en softonic, le pondre una imagen para que mas o menos tengan una idea de coomo es... me gustaria saber como hacen eso? alguien lo sabe.. se lo agradeceria muchisimo...

  #2 (permalink)  
Antiguo 02/04/2008, 19:58
Avatar de ElJavista
Colaborador
 
Fecha de Ingreso: marzo-2007
Ubicación: Lima Perú
Mensajes: 2.231
Antigüedad: 10 años, 9 meses
Puntos: 67
Re: pones el mouse sobre una palabra y se abre una descripcion, como hacer?

Bueno, a eso se le llama tooltip, en este link te explican como hacerlo: http://jaloplo.wordpress.com/2007/08...ra-javascript/
  #3 (permalink)  
Antiguo 02/04/2008, 21:28
Avatar de designo  
Fecha de Ingreso: marzo-2008
Ubicación: En la tierra del sol y del buen vino
Mensajes: 50
Antigüedad: 9 años, 9 meses
Puntos: 1
Re: pones el mouse sobre una palabra y se abre una descripcion, como hacer?

Aqui te paso una manera de hacerlo en CSS:

a.Ntooltip {
position: relative; /* es la posición normal */
text-decoration: none !important; /* forzar sin subrayado */
color:#8fb2d0 !important; /* forzar color del texto */
font-weight:bold !important; /* forzar negritas */
}
a.Ntooltip:hover {
z-index:999; /* va a estar por encima de todo */
background-color:#243E57; /* DEBE haber un color de fondo */
}
a.Ntooltip span {
display: none; /* el elemento va a estar oculto */
}
a.Ntooltip:hover span {
display: block; /* se fuerza a mostrar el bloque */
position: absolute; /* se fuerza a que se ubique en un lugar de la pantalla */
top:2em; left:2em; /* donde va a estar */
width:250px; /* el ancho por defecto que va a tener */
padding:5px; /* la separación entre el contenido y los bordes */
background-color: #243E57; /* el color de fondo por defecto */
color: #FFFFFF; /* el color de los textos por defecto */
}

Esta es una forma sencilla que podrás personalizar como lo desees sin demasiados conocimientos. Espero que te sirva, saludos
  #4 (permalink)  
Antiguo 03/04/2008, 01:08
Avatar de aloqui  
Fecha de Ingreso: diciembre-2007
Mensajes: 973
Antigüedad: 10 años
Puntos: 24
Re: pones el mouse sobre una palabra y se abre una descripcion, como hacer?

Tambien puedes usar la libreria overlib
No es dificil de usar y tiene bastantes opciones, como poder poner imágenes, texto, HTML, temporizaciones, etc.
__________________
Grupos de Música
Pop Music Stars
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 16:56.