Foros del Web » Programando para Internet » Javascript »

Cuadro con prestañas estilo yahoo.es

Estas en el tema de Cuadro con prestañas estilo yahoo.es en el foro de Javascript en Foros del Web. Hola a todos, alguien me puede explicar como puedo crear un cuadro similar a este? Si quieren ver el codigo esta en www.yahoo.es . Yo ...
  #1 (permalink)  
Antiguo 05/07/2006, 15:29
Avatar de Jesusguevarautomotri  
Fecha de Ingreso: enero-2006
Ubicación: Puerto Ordaz, Estado Bolivar
Mensajes: 106
Antigüedad: 18 años, 3 meses
Puntos: 0
Cuadro con prestañas estilo yahoo.es

Hola a todos, alguien me puede explicar como puedo crear un cuadro similar a este? Si quieren ver el codigo esta en www.yahoo.es. Yo la verdad no entiendo mucho. y Creo que usan jscript, como hacen para hacer las pestañas?

__________________
jesusguevarautomotriz
Industria Automotriz de Venezuela - blog
Internet al dia - blog
  #2 (permalink)  
Antiguo 05/07/2006, 18:30
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años
Puntos: 1284
Hola:

Visita maestrosdelweb.com que hace unos pocos meses publicaron un artículo sobre tu consulta.

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #3 (permalink)  
Antiguo 06/07/2006, 09:00
Avatar de Jesusguevarautomotri  
Fecha de Ingreso: enero-2006
Ubicación: Puerto Ordaz, Estado Bolivar
Mensajes: 106
Antigüedad: 18 años, 3 meses
Puntos: 0
pero me parece que no es igual

Si te refieres a esto: Navegacion con pestañas. Corrigeme si me equivoco: pero me parece que no es igual. En ejemplo de MDW la pagina se actualiza cada vez que haces clic en una pestaña. Mientras el cuadro de la pagina de yahoo cambia si que se perciba evento o "movimiento alguno". Esto es muy significativo y es muchsimo mas agradable y solido. Es ese el efecto exacto que quiero lograr.
__________________
jesusguevarautomotriz
Industria Automotriz de Venezuela - blog
Internet al dia - blog
  #4 (permalink)  
Antiguo 06/07/2006, 09:09
Avatar de Jesusguevarautomotri  
Fecha de Ingreso: enero-2006
Ubicación: Puerto Ordaz, Estado Bolivar
Mensajes: 106
Antigüedad: 18 años, 3 meses
Puntos: 0
Estuve viendo bien y pareciera que efecto de las pestañas del la pagina de yahoo solo funciona en IE. ¿Por favor pueden probar y me avisan?
__________________
jesusguevarautomotriz
Industria Automotriz de Venezuela - blog
Internet al dia - blog
  #5 (permalink)  
Antiguo 06/07/2006, 09:14
Avatar de moNTeZIon  
Fecha de Ingreso: enero-2005
Ubicación: Lliçà de Munt - BCN
Mensajes: 1.625
Antigüedad: 19 años, 4 meses
Puntos: 9
Tienes razón, no viaja al servidor. Yo creo que se trata simplemente de ocultar o mostrar capas que ya se han cargado al entrar en la página.
__________________
..:: moNTeZIon ::..
  #6 (permalink)  
Antiguo 06/07/2006, 09:18
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 22 años, 2 meses
Puntos: 772
Hola Jesusguevarautomotri

No se si será igual que en yahoo, pero echa un vistazo a este otro tutorial, a ver si te sirve:

http://kusor.net/traducciones/brainjar.es/tabs1.es.html

En cualquier caso, vas a necesitar utilizar JavaScript, así que vamor para allá.

Mensaje movido desde Css.

Saludos,
  #7 (permalink)  
Antiguo 06/07/2006, 09:39
Avatar de Jesusguevarautomotri  
Fecha de Ingreso: enero-2006
Ubicación: Puerto Ordaz, Estado Bolivar
Mensajes: 106
Antigüedad: 18 años, 3 meses
Puntos: 0
Exacto.

Cita:
Iniciado por moNTeZIon
Tienes razón, no viaja al servidor. Yo creo que se trata simplemente de ocultar o mostrar capas que ya se han cargado al entrar en la página.
Tu lo dijiste mas tecnicamente. ¿Por fin como se hace ese efecto tan bonito? Aguien sabe?
__________________
jesusguevarautomotriz
Industria Automotriz de Venezuela - blog
Internet al dia - blog
  #8 (permalink)  
Antiguo 06/07/2006, 09:41
Avatar de Jesusguevarautomotri  
Fecha de Ingreso: enero-2006
Ubicación: Puerto Ordaz, Estado Bolivar
Mensajes: 106
Antigüedad: 18 años, 3 meses
Puntos: 0
No es igual

Cita:
Iniciado por JavierB
Hola Jesusguevarautomotri

No se si será igual que en yahoo, pero echa un vistazo a este otro tutorial, a ver si te sirve:

http://kusor.net/traducciones/brainjar.es/tabs1.es.html

En cualquier caso, vas a necesitar utilizar JavaScript, así que vamor para allá.

Mensaje movido desde Css.

Saludos,
No es igual.
__________________
jesusguevarautomotriz
Industria Automotriz de Venezuela - blog
Internet al dia - blog
  #9 (permalink)  
Antiguo 06/07/2006, 11:05
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años
Puntos: 1284
Hola:

Pues yo tenía algo hecho en esta página:
Sistema de pestañas

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo

Última edición por caricatos; 31/03/2010 a las 01:58 Razón: enlace roto
  #10 (permalink)  
Antiguo 06/07/2006, 11:59
Avatar de Jesusguevarautomotri  
Fecha de Ingreso: enero-2006
Ubicación: Puerto Ordaz, Estado Bolivar
Mensajes: 106
Antigüedad: 18 años, 3 meses
Puntos: 0
El efecto que deseo esta excelente, logrado al 100%, pues ahora solo faltara tratar de darle es estilo tan bonito que tiene yahoo.
__________________
jesusguevarautomotriz
Industria Automotriz de Venezuela - blog
Internet al dia - blog
  #11 (permalink)  
Antiguo 06/07/2006, 14:36
Avatar de Jesusguevarautomotri  
Fecha de Ingreso: enero-2006
Ubicación: Puerto Ordaz, Estado Bolivar
Mensajes: 106
Antigüedad: 18 años, 3 meses
Puntos: 0
Caricatos me podrias ayudar a hacer una adaptacion de solo dos pesatañas, y que sea aproximadamente del tamaño de la imagen que esta arriba? para poder insertarla dentro de un div. o Alguien.
__________________
jesusguevarautomotriz
Industria Automotriz de Venezuela - blog
Internet al dia - blog
  #12 (permalink)  
Antiguo 06/07/2006, 14:36
Avatar de Jesusguevarautomotri  
Fecha de Ingreso: enero-2006
Ubicación: Puerto Ordaz, Estado Bolivar
Mensajes: 106
Antigüedad: 18 años, 3 meses
Puntos: 0
O al menos podrian darme una orientacion mas detallada puesto que no se nada de js y se poco de ccs. Gracias.
__________________
jesusguevarautomotriz
Industria Automotriz de Venezuela - blog
Internet al dia - blog
  #13 (permalink)  
Antiguo 06/07/2006, 15:01
Avatar de Jesusguevarautomotri  
Fecha de Ingreso: enero-2006
Ubicación: Puerto Ordaz, Estado Bolivar
Mensajes: 106
Antigüedad: 18 años, 3 meses
Puntos: 0
Lo primero que hice para tratar de adaptarla a mi pagina es llevarla a mi host pero algo hice mal que ya no se ven las capas.

Ademas yo no quiero que sea tan grande, yo quiero que valle dentro de una seccion del index de mi pagina. A ver algo asi:
************************************************
PESTAÑA 1:
Blog de opinion y analisis de noticias
Comentarios a noticias, articulos nuestros, opinion en general.
********************************
PESTAÑA 2: VER BLOG
Titular 1
Titular 2
Titular 3
Titular n.....
************************************

Ademas demas desearia el tamaño del caja de pestaas se adaptablable como es el de yahoo.
__________________
jesusguevarautomotriz
Industria Automotriz de Venezuela - blog
Internet al dia - blog
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 20:32.