Vertical de navegación Flyout 5 deep CSS

  • MightyAsianThunder
  • Novice
  • Novice
  • No Avatar
  • Registrado: May 23, 2007
  • Mensajes: 15
  • Loc: San Diego
  • Status: Offline

Nota Agosto 1st, 2009, 9:41 pm

Tengo una pesadilla de un cliente que quiere InDepth idiota este sistema de navegación en su sitio web...se trata básicamente de esta web de créditos del ratón y tablas anidadas .. He encontrado algo que me gusta, pero parece que no puede conseguir que funcione más allá del primer nivel:

http://www.alistapart.com/articles/horizdropdowns

la cuestión es que una vez que el usuario los ratones durante el primer objeto visible, cada sub cuadro muestra como se opuso al primer nivel, entonces la siguiente, entonces la siguiente y así sucesivamente....

Me gusta este script para el pequeño tamaño y fácil de entender concepto en caso de que él quiere * / estremece / * aumentar el mismo cuadro....

Cualquier ayuda sería muy apreciados.
  • Anonymous
  • Bot
  • No Avatar
  • Registrado: 25 Feb 2008
  • Mensajes: ?
  • Loc: Ozzuland
  • Status: Online

Nota Agosto 1st, 2009, 9:41 pm

  • mindfullsilence
  • Professor
  • Professor
  • Avatar de Usuario
  • Registrado: Ago 04, 2008
  • Mensajes: 846
  • Status: Offline

Nota Agosto 1st, 2009, 11:04 pm

Im que no está totalmente seguro de que esta se puede lograr mediante css. No creo css-out permiten volar durante más de un nivel. Yo sugiero mirar en una alternativa javascript. Mal jugar con él y ver si puedo llegar a una solución en css, pero no es probable.
Use your words like arrows to shoot toward your goal.
  • mindfullsilence
  • Professor
  • Professor
  • Avatar de Usuario
  • Registrado: Ago 04, 2008
  • Mensajes: 846
  • Status: Offline

Nota Agosto 2nd, 2009, 1:03 am

bien, tengo conjunto.
Submenús con css

esencialmente puede ir tan profundo como usted desea con este método.

Echa un vistazo a la fuente, me comentó muy a fondo. Si tiene alguna pregunta que me haga saber

prueba y de trabajo en cromo 2, Opera 9, IE7, IE8, Firefox

Esta css no interfiera con cualquier otro elemento en la página. Utilice listas desordenadas para lograr la estructura de su menú y, a continuación, agregar un nombre de clase de la "navegación" para el nivel superior <ul> etiqueta del menú de navegación. Una vez más, puede añadir tantas etiquetas incrustadas ul li dentro de las etiquetas que necesite y este código debe trabajar de forma integrada con todos los elementos dentro de una lista con la "navegación" de clase.
Use your words like arrows to shoot toward your goal.
  • MightyAsianThunder
  • Novice
  • Novice
  • No Avatar
  • Registrado: May 23, 2007
  • Mensajes: 15
  • Loc: San Diego
  • Status: Offline

Nota Agosto 2nd, 2009, 1:51 pm

Dulce, sólo absoluta perfección...gracias señor!
  • MightyAsianThunder
  • Novice
  • Novice
  • No Avatar
  • Registrado: May 23, 2007
  • Mensajes: 15
  • Loc: San Diego
  • Status: Offline

Nota Agosto 13th, 2009, 9:55 am

esto es raro .. que no está funcionando muy bien en IE7 .. Parece que cuando el ratón a la derecha demasiado rápido el menú se derrumba y desaparece...alguna sugerencia?
  • Flanders
  • Beginner
  • Beginner
  • Avatar de Usuario
  • Registrado: Feb 27, 2006
  • Mensajes: 48
  • Loc: Reno, Nevada US
  • Status: Offline

Nota Agosto 13th, 2009, 11:41 am

Ive tenía muy buena experiencia con el CoolJSMenu (no sé si la vinculación que se le está permitido, que google). Ive utilizado en varios proyectos y grandes obras.
  • MightyAsianThunder
  • Novice
  • Novice
  • No Avatar
  • Registrado: May 23, 2007
  • Mensajes: 15
  • Loc: San Diego
  • Status: Offline

Nota Agosto 13th, 2009, 11:43 am

Yo preferiría no tener que comprar nada de algo tan dolorosamente simple (por lo que parece)
  • Flanders
  • Beginner
  • Beginner
  • Avatar de Usuario
  • Registrado: Feb 27, 2006
  • Mensajes: 48
  • Loc: Reno, Nevada US
  • Status: Offline

Nota Agosto 16th, 2009, 10:47 am

Una secuencia de comandos de su libre, a menos que usted desea la versión Pro. La libre script hacer todo lo que quiero hacer.
  • mindfullsilence
  • Professor
  • Professor
  • Avatar de Usuario
  • Registrado: Ago 04, 2008
  • Mensajes: 846
  • Status: Offline

Nota Agosto 27th, 2009, 3:57 pm

Hmmm, no está seguro de por qué wouldnt de trabajar, trabaja en un borrador en mi IE7. Mal echar otro vistazo y ver lo que puedo llegar a.
Use your words like arrows to shoot toward your goal.
  • mindfullsilence
  • Professor
  • Professor
  • Avatar de Usuario
  • Registrado: Ago 04, 2008
  • Mensajes: 846
  • Status: Offline

Nota Septiembre 1st, 2009, 12:04 am

Está bien, hizo una investigación. Lo siento por haber tardado tanto. Creo que la causa de las etiquetas de comentario de ajuste "<--" y "-->" dentro del área de hoja de estilos. Justo debajo de la etiqueta <style> y por encima de la de cierre </ style> etiqueta. En IE7 el niño combinador ">" se vuelve un poco buggy, cuando procedió a un comentario. Retire el <- y -> en la hoja de estilos y debería funcionar.
Use your words like arrows to shoot toward your goal.

Publicar Información

  • Total de mensajes en este tema: 10 mensajes
  • Usuarios navegando por este Foro: No hay usuarios registrados visitando el Foro y 61 invitados
  • No puede abrir nuevos temas en este Foro
  • No puede responder a temas en este Foro
  • No puede editar sus mensajes en este Foro
  • No puede borrar sus mensajes en este Foro
  • No puede enviar adjuntos en este Foro
 
 

© 2011 Unmelted, LLC. Ozzu® es una marca registrada de Unmelted, LLC