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

Como hacer efecto de caja como en wikipedia

Estas en el tema de Como hacer efecto de caja como en wikipedia en el foro de Diseño web en Foros del Web. Estoy intentado hacer esto en mi página Web, lo he visto en la Wikipedia pero no se como implementarlo. Como se puede ver en la ...
  #1 (permalink)  
Antiguo 07/12/2012, 05:02
 
Fecha de Ingreso: noviembre-2011
Mensajes: 102
Antigüedad: 13 años
Puntos: 0
Como hacer efecto de caja como en wikipedia

Estoy intentado hacer esto en mi página Web, lo he visto en la Wikipedia pero no se como implementarlo.


Como se puede ver en la imagen, cuando pinchas en la flecha, se desliza y muestra texto. Quedando así:



De que manera podría implementar eso?
  #2 (permalink)  
Antiguo 07/12/2012, 06:41
Avatar de fishdesign  
Fecha de Ingreso: abril-2011
Ubicación: Málaga
Mensajes: 389
Antigüedad: 13 años, 7 meses
Puntos: 95
Respuesta: Como hacer efecto de caja como en wikipedia

Con Javascript o con CSS3.
Si usas jQuery puedes probar con lo siguiente: http://api.jquery.com/slideToggle/
__________________
Web Designer.
Themes-Up!, próximamente
  #3 (permalink)  
Antiguo 09/12/2012, 04:35
 
Fecha de Ingreso: noviembre-2011
Mensajes: 102
Antigüedad: 13 años
Puntos: 0
Respuesta: Como hacer efecto de caja como en wikipedia

y de que manera se podria hacer con CSS3?

PD: Muchas gracias por lo de JQuery
  #4 (permalink)  
Antiguo 10/12/2012, 22:08
Avatar de Carlangueitor
Moderador ლ(ಠ益ಠლ)
 
Fecha de Ingreso: marzo-2008
Ubicación: México
Mensajes: 10.037
Antigüedad: 16 años, 8 meses
Puntos: 1329
Respuesta: Como hacer efecto de caja como en wikipedia

Google compañero:

http://www.hongkiat.com/blog/css-content-accordion/
http://oli.me.uk/2012/03/03/pure-css...accordion.html
http://tympanus.net/codrops/2012/02/...ion-with-css3/

Saludos
__________________
Grupo Telegram Docker en Español
  #5 (permalink)  
Antiguo 11/12/2012, 16:18
 
Fecha de Ingreso: noviembre-2011
Mensajes: 102
Antigüedad: 13 años
Puntos: 0
Respuesta: Como hacer efecto de caja como en wikipedia

Muchas gracias a los 2

Etiquetas: caja, efecto, página, wikipedia
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:17.