Foros del Web » Creando para Internet » CSS »

ayuda css o js?

Estas en el tema de ayuda css o js? en el foro de CSS en Foros del Web. en la web http://psdcreativo.com/ cuando te situas encima de de cada texto con link se despliega un recuadro rojo en este caso con información llamado ...
  #1 (permalink)  
Antiguo 18/08/2009, 15:03
Avatar de sergio87  
Fecha de Ingreso: octubre-2007
Ubicación: Buenos Aires
Mensajes: 323
Antigüedad: 10 años, 1 mes
Puntos: 8
ayuda css o js?

en la web
http://psdcreativo.com/

cuando te situas encima de de cada texto con link se despliega un recuadro rojo en este caso con información llamado "tiptitle" pero no se como funciona y tampoco le puedo dar efecto con css tal como se ve en la web que les acabo de pasar.

si me pueden ayudar, se los agradecería.

saludos gente!
  #2 (permalink)  
Antiguo 18/08/2009, 15:46
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: ayuda css o js?

Hola Sergio
Creo que ese tooltip lo administra con:
Código html:
Ver original
  1. <script language="JavaScript" src="http://psdcreativo.com/wp-content/themes/InterPhase/qTip.js" type="text/JavaScript"></script>
Pero siempre tienes la sencilla solución de utilizar en tus enlaces el 'title'
Cita:
<a href="#" title="lo que quieres que se muestre">....</a>
Otra forma sería utilizando un span oculto y mostrarlo al "a:hover span". En www.araudi.net tienes algún ejemplo.

Un saludo
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #3 (permalink)  
Antiguo 20/08/2009, 11:56
Avatar de sergio87  
Fecha de Ingreso: octubre-2007
Ubicación: Buenos Aires
Mensajes: 323
Antigüedad: 10 años, 1 mes
Puntos: 8
Respuesta: ayuda css o js?

gracias, lo investigaré.

lo del 'title simple' ya lo sabia igual, pero queria hacer algo mas elaborado como puse en el ejemplo.

saludos
  #4 (permalink)  
Antiguo 20/08/2009, 12:32
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: ayuda css o js?

Cita:
Iniciado por sergio87 Ver Mensaje
lo del 'title simple' ya lo sabia igual, pero queria hacer algo mas elaborado como puse en el ejemplo.
Claro, por eso este enlace
__________________
Visita mi nueva web idplus.org
  #5 (permalink)  
Antiguo 21/08/2009, 14:48
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: ayuda css o js?

Hola:

Y tienes este otro enlace que también te puede valer.

Saludos.

  #6 (permalink)  
Antiguo 23/08/2009, 03:19
 
Fecha de Ingreso: abril-2008
Mensajes: 141
Antigüedad: 9 años, 7 meses
Puntos: 0
Respuesta: ayuda css o js?

Lo pudes hacer con javascript.

Creas la etiqueta y la pones, por ejemplo, dentro del tag body en la primera posicion o donde mas te guste. Puedes utilizar un div. Tambien le pones un ID y la ocultas con display: none.

Luego en el texto que quieras que tenga esa etiqueta le añades los atributos onmousemove (para que se mueva cuando pases por encima) y onmouseout para ocultarla cuando saques el cursor.

La funcion que oculta la capa es facil, tan solo tienes que poner miEtiqueta.style.display = "none";

En la funcion que se llama al mover el cursor, primero le pones miEtiqueta.style.display = "inline";. Luego tienes que configurar la distancia entre el cursor y la etiqueta. Esto lo haces con el objeto Event que tienes que pasarle a esta funcion. Por ejemplo:

miEtiqyeta.style.left = e.clientX + 15 + "px";
miEtiqueta.style.top = e.clientY + 10 + "px";


Espero haberte ayudado.

Última edición por GagleKas; 23/08/2009 a las 03:27
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

SíEste tema le ha gustado a 1 personas




La zona horaria es GMT -6. Ahora son las 01:25.