Foros del Web » Creando para Internet » Diseño web »

como se hace este efecto.

Estas en el tema de como se hace este efecto. en el foro de Diseño web en Foros del Web. Hola amigos. veran en esta pagina: http://animeid.com/anime/giant-killing.html En la "barra del menu", a un lado del cuadro de "Busqueda" hay dos iconos de twitter y ...
  #1 (permalink)  
Antiguo 15/01/2011, 10:42
Avatar de Kurozaki  
Fecha de Ingreso: diciembre-2010
Ubicación: Con mi Zanpakutou (Colima, MEX).
Mensajes: 175
Antigüedad: 7 años
Puntos: 9
como se hace este efecto.

Hola amigos.
veran en esta pagina: http://animeid.com/anime/giant-killing.html

En la "barra del menu", a un lado del cuadro de "Busqueda"
hay dos iconos de twitter y facebook.

Al hacerle un hover, al pasarle el mause, sale algo como en los links, Pero se ve mas bien.

Si se fijan, sale en un recuadro negro (siguenos en facebook)

Quisiera saber como se hace eso, o como se llama para googlearlo.
Saludos y Gracias :)
  #2 (permalink)  
Antiguo 15/01/2011, 10:52
 
Fecha de Ingreso: diciembre-2010
Mensajes: 77
Antigüedad: 7 años
Puntos: 11
Respuesta: como se hace este efecto.

Se hace usando el plugin de jquery Tipsy...

Pagina del plugin: http://plugins.jquery.com/project/tipsy
Documentacion y Demos : http://onehackoranother.com/projects/jquery/tipsy/

Saludos, espero que te sirva.
  #3 (permalink)  
Antiguo 15/01/2011, 18:01
Avatar de sanxuan  
Fecha de Ingreso: enero-2011
Ubicación: Gijón
Mensajes: 671
Antigüedad: 6 años, 11 meses
Puntos: 36
Respuesta: como se hace este efecto.

Otro posibilidad es crear un div que ocultamos con la propiedad CSS visibility:hidden.
Mediante la pseudo-clase :hover mostramos este div cambiando de nuevo la visibilidad de esta capa mediante visibility:visible.
De esta manera no se utiliza JavaScript, sólo CSS.
Puede requerir de algún contenedor adicional para evitar incluir etiquetas div dentro del enlace, pero funciona seguro.
  #4 (permalink)  
Antiguo 17/01/2011, 23:51
Avatar de danneg  
Fecha de Ingreso: agosto-2009
Ubicación: Todo un mundo de posibilidades
Mensajes: 856
Antigüedad: 8 años, 4 meses
Puntos: 48
Respuesta: como se hace este efecto.

apoyo la idea de tipsy, ya que se puede usar para sustituir por completo los titulos feos, ademas que las capas se crean dentro de ejecucion y antes de jecutar, eso reduce peso y tiempo

si solo fuese utilizar esos dos elementos, apoyo lo del css
__________________
- Daniel García (@dannegm)
- [follow me | fork me on github...]

Etiquetas: efecto
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 06:21.