letreros flotantes

[ratriarca]

hola quisiera saber como crean letreros como los de es.answers.yahoo.com al pasar el mouse sobre una figurita y supuse que el lenguaje utilizado era javascript






grax

[zyon]

mm entre a la pagina pero no entiendo tu pregunta :(

[ratriarca]

entra en alguna pregunta y en la figurita psa el mouse por encima y te sale un rotulo con las estadisticas del usuario solo quiero saber como se hace para crear uno

[walvaRo]

Me parece que eso está hecho con javascript y con capas que se ocultan o se muestran segun eventos de ratón sobre una determinada area de la web..., y la info que aparece dentro de esa capa..., pues probablemente sean variables de php q muestran datos q hay de cada usuario en la base de datos de usuarios..

Se interpretarlo y decirte con q lenguajes lo habran hecho, pero yo no sabría programarlo..., o quizá si me pusiese a ello lo acabaría cuando las ranas criasen pelo... ^_^

Saludos!

[caricatos]

Hola:

Lo único que vi en esa página es el atributo title... en cada tag, al definir ese atributo, muestra el texto al posarse el ratón... Hay en las FAQs un par de temas sobre title mejorado o tooltip.

Saludos

[ratriarca]

alguien me podria dar una guia sobre como manipular esas capas o como utilizarlas?

grax

[ratriarca]

tambien esta esta pagina pasen el mouse por encima de los enlaces :
http://www.download.com/3120-20_4-0....ndows&tag=srch

[JavierB]

Hola ratriarca

Mira en esta página:

http://www.dyn-web.com/dhtml/tooltips/

Saludos,

[caricatos]

Iniciado por ratriarca

alguien me podria dar una guia sobre como manipular esas capas o como utilizarlas?

grax

Has mirado en las FAQs como te dije... deberías investigar un poco...

Saludos

[ratriarca]

gracias javierb eso es exactamnete de lo que hablo pero he visto un poco el codigo y no lo entiendo muy bien podrian darme una ayuda porque usa 3 js uno solo para le evento y demas creo que se podria hacer mas pequeño

[zyon]

up's tambien has caso de Caricatos!, creeme que el tambien te puede ayudar mucho!!!

[Raulmmmm]

Yo creo que tienes que poner

Código:

<span title="tu_texto">imagen</span>.

Así cuando estás por encima te sale un bocadillito como los del atributo ALT.
Si no, tendrías que hacer:

Código:

<script>
function texto(){
mostrar capa};
</script>
<img src="tuimagen" onMouseOver="texto()">

Espero haberte ayudado.

[ratriarca]

muchas gracis a caricatos y a raulmmmm tam bien e estado imbestigando un poco sobre lo que me dijo cariacatos de ocultar capas ytenia rason

por medio de javascript se crea una funcion que al realizarse un evento se active y muestre y al realizarse otro se desactive

o tambien se puede con css pero creo que solo funciona con ie

ej:
a.info {
position:relative;
z-index:50;

}
a.info:hover {
z-index:25;
}
a.info span {
display: none;


}

a.info:hover span { display:block;
text-decoration:none;
position:absolute;
top:0.7em;
left:2em;
width:400px;
text-align: left;
padding: 5px;
}
y el html:
<a href="#" class="info">sugerencias

<span >

aqui va lo que quieran que salga en el rotulo


</span>
</a>