Foros del Web » Creando para Internet » CSS »

Menu CSS como el de la web

Estas en el tema de Menu CSS como el de la web en el foro de CSS en Foros del Web. http://demo.yootheme.com/dec09/ Me gustaria saber como hacer un menu de los desplegables esos, la verdad que el efecto que hace me encanto y me gustaria implementarlo ...
  #1 (permalink)  
Antiguo 14/07/2010, 06:00
 
Fecha de Ingreso: septiembre-2009
Mensajes: 15
Antigüedad: 15 años, 2 meses
Puntos: 0
Menu CSS como el de la web

http://demo.yootheme.com/dec09/

Me gustaria saber como hacer un menu de los desplegables esos, la verdad que el efecto que hace me encanto y me gustaria implementarlo en una web.
He estado hechando un ojo al codigo fuente, a los css y la verdad no me aclaro de donde esta el menu en cuestion. Si alguien conoce alguna web que expliquen a hacerlo o si es alguna libreria o algo.

Un saludo
  #2 (permalink)  
Antiguo 14/07/2010, 11:30
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: Menu CSS como el de la web

Aquí hay un ejemplo básico: http://www.araudi.net/Desplegables/m...plegable1.html Solo que se ve más bonito por que el otro tiene más trabajado el diseño, pero básicamente lo mismo.

Saludos
__________________
Grupo Telegram Docker en Español
  #3 (permalink)  
Antiguo 14/07/2010, 15:28
 
Fecha de Ingreso: septiembre-2009
Mensajes: 15
Antigüedad: 15 años, 2 meses
Puntos: 0
Respuesta: Menu CSS como el de la web

Buenas:
Si ese tipo de menu desplegable ya lo habia visto pero digamos que no se parecen mucho, el efecto que tiene el otro es lo que me gusta, cosa que ese no tiene.
  #4 (permalink)  
Antiguo 14/07/2010, 15:31
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: Menu CSS como el de la web

Tendrás que diseñarlo eso es solo es esqueleto, ahí no hay ningún efecto salvo el texto que se sube un poquito, pero lo demás se puede partir de lo que te mostré.

Saludos
__________________
Grupo Telegram Docker en Español
  #5 (permalink)  
Antiguo 14/07/2010, 16:26
 
Fecha de Ingreso: septiembre-2009
Mensajes: 15
Antigüedad: 15 años, 2 meses
Puntos: 0
Respuesta: Menu CSS como el de la web

Ya lo se, pero lo que pregunto es como ha hecho ese efecto en el menu, hacer el menu que me enseñaste ya lo vi en algunos how-to, lo que no vi es como hacer el efecto.
  #6 (permalink)  
Antiguo 14/07/2010, 16:31
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: Menu CSS como el de la web

El efecto de subir el texto unos pixeles?
__________________
Grupo Telegram Docker en Español
  #7 (permalink)  
Antiguo 14/07/2010, 16:47
Avatar de funkii  
Fecha de Ingreso: junio-2010
Mensajes: 64
Antigüedad: 14 años, 5 meses
Puntos: 4
Respuesta: Menu CSS como el de la web

no, el del slide esta diciendo el, y es con jquery

http://www.dynamicdrive.com/style/csslibrary/item/jquery_multi_level_css_menu_2/

fijate eso
  #8 (permalink)  
Antiguo 15/07/2010, 01:58
 
Fecha de Ingreso: septiembre-2009
Mensajes: 15
Antigüedad: 15 años, 2 meses
Puntos: 0
Respuesta: Menu CSS como el de la web

Si el que pone funkii se parece mas, no es identico el efecto, porque la velocidad con la que aparece y la forma con la que termina de aparece no es la misma pero se parece mas, seguire buscando a ver si encuentro alguno que sea identico.
  #9 (permalink)  
Antiguo 15/07/2010, 04:43
 
Fecha de Ingreso: febrero-2008
Mensajes: 38
Antigüedad: 16 años, 9 meses
Puntos: 0
Respuesta: Menu CSS como el de la web

Está hecho con java (no usan jQuery). Puedes cojer como base cualquier menú e ir añadiendo efectos de tiempo, forma de aparecer o lo que se te ocurra.
  #10 (permalink)  
Antiguo 16/07/2010, 12:57
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 22 años, 4 meses
Puntos: 361
Respuesta: Menu CSS como el de la web

Hola:

Cita:
Iniciado por Trypat Ver Mensaje
Está hecho con java (no usan jQuery). Puedes cojer como base cualquier menú e ir añadiendo efectos de tiempo, forma de aparecer o lo que se te ocurra.
¿Seguro que está hecho con Java? ¿No será javascript?

Saludos.

  #11 (permalink)  
Antiguo 16/07/2010, 18:23
 
Fecha de Ingreso: enero-2009
Ubicación: Uruguay
Mensajes: 121
Antigüedad: 15 años, 10 meses
Puntos: 4
Respuesta: Menu CSS como el de la web

Hola lei tu mensaje y como hoy estaba un poco libre me puse a hacerte un ejemplo que subi en mi pagina espero que te sirva.
http://www.spedevigner.com/cake/Noticias/view/64
__________________
www.sandant.com - Blog de Programacion y mucho mas

WWW.SPEDEVIGNER.COM SE DEJARA DE USAR EN UN MES
  #12 (permalink)  
Antiguo 16/07/2010, 18:49
 
Fecha de Ingreso: septiembre-2009
Mensajes: 15
Antigüedad: 15 años, 2 meses
Puntos: 0
Respuesta: Menu CSS como el de la web

Cita:
Iniciado por exxqizofrenicoo Ver Mensaje
Hola lei tu mensaje y como hoy estaba un poco libre me puse a hacerte un ejemplo que subi en mi pagina espero que te sirva.
[url]http://www.spedevigner.com/cake/Noticias/view/64[/url]
Hola:
Muy interesante tu ejemplo, donde se configuran los efectos, por ejemplo para que no bote, o que tarde un poco mas en desplegarse,etc, porque me gustaria empezar a personalizarlo por ejemplo que en vez de un color de fondo pues fuera ya imagenes, etc para darle un aspecto mas parecido a lo que puse de la web del primer post.
  #13 (permalink)  
Antiguo 16/07/2010, 20:37
 
Fecha de Ingreso: enero-2009
Ubicación: Uruguay
Mensajes: 121
Antigüedad: 15 años, 10 meses
Puntos: 4
Respuesta: Menu CSS como el de la web

bote = rebotar ?
si es eso, lo tenes que cambiar en la parte de jquerty fijate que yo puse algo de easeOutBounce, tambien si te fijas deje una url con todos los tipos de efecto que cuenta el ui de jquery. quizas vos quieras uno como jswing.

luego lo de cambiar el color por imagen eso iria en el css o tambien si quieres puedes modificar mismo en el xhml los div que tienen class opc.

Esto seria como una guia pero vos lo podes modificar a antojo, el diseño no es muy bueno obvio, me volque mas a la parte de funcionamiento, ademas de tratar de que funcione en todos los navegadores.

si tienes alguna otra duda mandame un email por la web o comenta esa misma noticia que te respondere mas rapido que por aca ya que no me conecto todos los dias por falta de tiempo.

Saludos y a las ordenes.
__________________
www.sandant.com - Blog de Programacion y mucho mas

WWW.SPEDEVIGNER.COM SE DEJARA DE USAR EN UN MES

Etiquetas: Ninguno
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 21:37.