Menú acordeón horizontal

Basado en http://www.incimutlu.com/

This movie requires Flash Player 8


Ver ejemplo

Descarga Menu Incimutlu.zip

Menu Incimutlu.zip se ha descargado 829 veces.

18 Votes | Average: 4.78 out of 518 Votes | Average: 4.78 out of 518 Votes | Average: 4.78 out of 518 Votes | Average: 4.78 out of 518 Votes | Average: 4.78 out of 5 (18 votos, promedio: 4.78 sobre 5)
Loading ... Loading ...

40 Responses to “Menú acordeón horizontal”


  1. 1 knoart Feb 25th, 2007 at 5:51 am

    Este enlace no funciona y estaria interesado en el archivo. Gracias

  2. 2 toni Feb 25th, 2007 at 6:44 am

    Vuelve a probar, he comprobado que el enlace funciona. Es un archivo un poco pesado debido a las imágenes, no sea que en el momento de descargar tuvieras un bajón en la red.

    saludos

  3. 3 knoart Feb 25th, 2007 at 5:01 pm

    Hola Toni,
    ahora si descarga, je pero si lo descomprimes da error en la descompresión, te agradecería que lo intentaras descomprimir por si te ocurre lo mismo.

    Saludos ;)

  4. 4 toni Feb 25th, 2007 at 6:23 pm

    Hola,

    No, el sip se descomprime correctamente. ¿No será que te da error al abrir el fla? Está escrito con flash 8.

    Saludos.

  5. 5 knoart Feb 25th, 2007 at 6:33 pm

    Gracias Toni. Voy a ver que sale de esto...

    saludos :)

  6. 6 matias Feb 25th, 2007 at 7:38 pm

    Anda perfecto el ejemplo! muy bueno gracias!

  7. 7 Juliah Feb 26th, 2007 at 9:46 am

    esta genial!

    La pregunta es ,..se podrian colocar botones dentro de cada seccion??

  8. 8 toni Feb 26th, 2007 at 3:34 pm

    Si, siempre que la zona sensible de cada imagen fuera solo la lengueta, puedes solucionarlo utilizando hitArea.

    Se hace de la siguiente forma, en nuestro ejemplo:

    La zona izquierda de cada imagen (donde está el nombre de la sección), sería un botón del menú. Si editas el botón y le añades la siguiente sentencia:

    Actionscript:
    1. _parent.hitArea = this;

    Consigues que el menú actue unicamente en la zona determinada. Asi pues puedes poner botones independientes para cada sección.

    Saludos

  9. 9 Juliah Feb 27th, 2007 at 9:42 am

    Gracias toni.
    Tu ejemplo es genial.. :-) .
    gracias por la respuesta,..funciona perfectamente..
    Gracias

  10. 10 Juliah Feb 27th, 2007 at 1:28 pm

    ups!
    Vaya...estoy viendo que SI puedo crear un area activa solo en la zona izquierda , hacer que solo la pestaña abra la seccion.

    Pero, cuando meto un boton independiente dentro de cada seccion..no me funciona. Ni siquiera me lo reconoce como boton. Que hago mal??

  11. 11 alberto Feb 27th, 2007 at 3:01 pm

    Hola juliah, Yo he estado probando el flash entero y el codigo. Veo que si se puede conseguir que el menú actue unicamente en una zona determinada. (usando hitArea..)
    Pero al añadir otros botones dentro de cada sección, estos no funcionan. A mi tampoco me funciona.. no se si se puede.

  12. 12 toni Feb 27th, 2007 at 4:29 pm

    Vale, voy a hacer un ejemplo y lo pongo.

    saludos

  13. 13 hijamecanica Feb 27th, 2007 at 9:37 pm

    toni. sos un capo !
    abrazo. ya soy usuario.

  14. 14 toni Feb 28th, 2007 at 7:44 am

    Bueno, ya hice un apaño, por cierto, me equivoqué, no se trata de poner un clip hitArea, más bien se trata de que cada panel deslizable tenga un botón que accione el deslizamiento.

    He subido un ejemplo, más adelante con tiempo lo mejoro, en este me he limitado a insertar un botón en el primer panel para que veais como funciona. Explico un poco los cambios:

    En cada clip deslizante (los denominados s1_btn,s2_btn, etc.) He insertado dos nuevas capas (acciones y otra para poner un simbolo de botón transparente al que he puesto nombre de instancia boton_btn)

    De manera, que el código del menú deslizante sufre pequeños cambios ya que donde antes deciamos:

    Actionscript:
    1. buttons[i].onRollOver = handle_menu;

    Ahora pasa a ser:

    Actionscript:
    1. buttons[i].boton_btn.onRollOver = handle_menu;

    Es decir, para decirle al panel que se deslice, lo hacemos referiendonos al simbolo boton_btn que hay dentro.

    Cuando insertemos texto (ya sea en botones o puros campos de texto) tendremos que embeber dichos campos de texto para que la máscara que contiene el panel deslizante funcione mostrando el texto cuando este esté abierto y viceversa.

    Por tanto, hay que vincular la fuente que se va a utilizar, en el ejemplo que he puesto utilizo 'verdana', por tanto en _root, he declarado una variable _global que podré usar en cualquier de los botones, como sigue:

    Actionscript:
    1. _global.formato = new TextFormat ();
    2. formato.font = 'verdana-10';
    3. formato.size = 10;

    En el panel deslizante 1 (furniture) embebebo el texto del botón 'boton_btn' como sigue:

    Actionscript:
    1. // -- embeber fuente
    2. boton_mc.texto_txt.embedFonts = true;
    3. boton_mc.texto_txt.setTextFormat (formato);
    4. // -- cambiar color del texto
    5. boton_mc.onRollOver = function () {
    6.     this.texto_txt.textColor = 0xFF0000;
    7. };
    8. boton_mc.onRollOut = function () {
    9.     this.texto_txt.textColor = 0x000000;
    10. };

    Bueno, espero no haberos liado mucho, en todo caso, en el ejemplo está todo.

    Descargar ejemplo

    saludos

  15. 15 juliah Feb 28th, 2007 at 11:48 am

    gracias toni,
    buttons[i].boton_btn.onRollOver = handle_menu;
    esto es lo que supongo no veia, para meter botones...

    gracias por la solucion! :-)

  16. 16 Lucas Motta Mar 4th, 2007 at 7:56 pm

    Hey toni!!
    I really like this effect :D
    I did some time a go some like that, look:
    http://www.tverde.com.br/flash/

    But, the code is too complicated :/

    Sorry my english! :D
    Bye! :D

  17. 17 toni Mar 4th, 2007 at 8:24 pm

    Nice :)

  18. 18 guillermo Mar 7th, 2007 at 7:46 pm

    Toni sos un groso! SABELO !!!

  19. 19 toni Mar 8th, 2007 at 6:22 am

    Espero que no sea nada malo :)

  20. 20 Antonio Mar 21st, 2007 at 6:15 pm

    Hola a todos,

    Podrian mandarme el ejemplo pero en la versión Flash MX 2004, es que no lo puedo abrir.

    Mi dirección es antonio@fervilor.com

    Un saludos a todos y gracias

  21. 21 toni Mar 21st, 2007 at 7:55 pm

    Hola Antonio,

    de momento, contamos solo con la versión para flash 8. En cuanto dispongamos de una versiónpara mx 2004 te lo enviamos.

    Gracias.

  22. 22 Pedro Cunha Mar 28th, 2007 at 4:07 am

    Muy bien!
    Muchissimas gracias, Toni.:)

  23. 23 claudia Mar 29th, 2007 at 5:37 pm

    Hola Toni he estado mirando este curso y piendo que es muy bueno, mira necesito si está dentro de tus posibilidades que me mandes a mi dirección el scrip del menu acordeón horizontal, que me parece muy bueno pero no me deja descargarlo
    Saludos y muchas gracias
    Claudia

  24. 24 Jesús Mar 30th, 2007 at 11:56 am

    Muchas gracias por tu dedicación, llevo un par de días ojeando vuestra web y la verdad que a cada rato que la veo encuentro algo mejor.
    Sigue así.

  25. 25 morte Apr 11th, 2007 at 12:11 pm

    como hago que al clikear vaya a otra pagina. que no se donde.
    Un saludo y gracias

  26. 26 Javier May 13th, 2007 at 12:00 am

    Hola, me parecio excelente el menu acordeon, estoy interiorizandome el el mundo de actionscript y espero que me apasionarme mas dia a dia, estoy descubriendolo. Quisiera poder utilizar el menu acordeon, le hice algunas modificaciones, basicas claro, como por ejemplo que cambie el estado del boton y la accion.
    http://www.valdocco.org.ar/menu/menuacordeon.swf
    Intento hacer que cargue un swf externo a cada boton dependiendo del boton s1_btn, s2_btn... pero no funciona.

    s2_btn.boton_btn.onPress (); {
    loadMovie("pelicula1.swf", "_root.cargador");
    }

    s2_btn.boton_btn.onPress (); {
    loadMovie("pelicula2.swf", "_root.cargador");
    }

    No manejo los arrays aun, aunque si se para que sirve, y me imagino que por ahi viene la mano, me pdorian guiar un poco, muchas gracias.

  27. 27 Sergio May 15th, 2007 at 5:53 pm

    Hola,

    hace tiempo que no trabajo con flash y necesito resolver que la parte izquierda de este menu funcione como boton para lanzar una url.

    agradezco de antemano su tiempo.

    Slds.

  28. 28 Fernando May 18th, 2007 at 6:30 am

    Hola a todos acabo de ver este ejemplo y me encanta, el problema es que no se como implementarlo con mis imagenes, la verdad es que estoy muy verde con flash, agradeceria que alguien me indicase como se puede ajustar a las necesidades de cada uno o donde puedo encontrar informacion a ser posible en español de como lo puedo hacer partiendo de cero.
    Muchas gracias a todos.

  29. 29 tama May 21st, 2007 at 4:01 pm

    Impresionante, es justo lo que estaba buscando. GRACIAS

  30. 30 Jose Luis Benito May 23rd, 2007 at 7:34 pm

    He visto este menu, y es impresionante. De hecho estoy haciendo algo parecido pero en vertical, y ando un poquito perdido; por eso me he bajado la aplicación para ver como funciona, pero el problema es que cuando he intentado abrirlo con Flash MX 2004 no he podido. He visto que esta mirando de hacer para esta versión y estaría super interesado. Si alguien lo tiene puede enviarmelo a mi email, jlbenito@jdmultimedia.net
    Muchas gracias de antemano.

  31. 31 MadEigner Jul 3rd, 2007 at 5:49 pm

    SALUDOS,
    ME ENCANTA ESTÁ BASTANTE BIEN, PERO SOLO PUEDO PREVISUALIZARLO, EL .FLA, NO CARGA, ME DA UN MENSAJE DE ERROR "FORMATO DE ARCHIVO INESPERADO", SI ALGUIEN PUEDE MANDARMELO ATRAVES DE CORREO LO AGRADECERIA, MI CORREO alusion7@gmail.com

  32. 32 toni Jul 3rd, 2007 at 7:31 pm

    MadEigner,

    según cuentas, el problema es que debes tener la versión MX 2004 y este .fla es para flash 8.

    saludos

  33. 33 gringa10 Aug 14th, 2007 at 8:18 pm

    Excelente tutorial!
    Lo estaba buscando hace tiempo.
    Gracias Toni!

    Saludos,

  34. 34 Daniel Dec 13th, 2007 at 1:14 am

    solo feclicitarte por tu excelente trabajo, el flash es todo un arte y para hacerlo bien hay que ser artista...te pasate.
    Y gracias por toda esta ayuda que nos das men..
    a ver.... tenía una pregunta

    ¿Habrá un scroll de texto que contenga botones (o que algunos textos puedas tener esa propiedad) y que estos llamen a un swf externo a un nivel determinado?

    Gracias

  35. 35 Daniel Dec 13th, 2007 at 1:18 am

    Otra pregunta de algo que siempre me ha dado problemas.
    ¿Como puedo hacer que los botones de un nivel más bajo por ejemplo (5) no sigan funcionando cuando he cargado una nueva película en un nivel superior, por ejemplo (10)?
    Esto me da problemas por que a veces al vivitante aprieta sin querer un áreaque supuestamente no tiene botón, pero si aparece un boton del nivel más bajo llama a un contenido no deseado...¿se entiende?
    Abrazos y mil gracias por la ayuda

  36. 36 toni Dec 22nd, 2007 at 4:57 pm

    Hola Daniel,

    yo suelo usar una función para tal caso como esta

    Actionscript:
    1. function disable(target_mc:MovieClip) {
    2.     for (var clips in target_mc) {
    3.         target_mc[clips].useHandCursor = false;
    4.         target_mc[clips].enabled = false;
    5.     }
    6. }
    7. disable('nombre y ruta del clp de película que contiene botones');

    Espero te sea útil. Saludos

  37. 37 hocus Jan 4th, 2008 at 1:35 am

    Hola Toni:

    EL ejemplo es perfecto, te felicito. De hecho lo estoy implementando en nuestra página web, pero no tengo claro como hacer que al pinchar en el menú me abra una web. Te agradecería me pudieras ilustrar.

    Muchas gracias

  38. 38 toni Jan 5th, 2008 at 5:14 pm

    Hola hocus,

    en mi respuesta con fecha Feb 28th, 2007 at 7:44 am hay un ejemplo(en los comentarios de de este post)

    saludos

  39. 39 Ion Jan 23rd, 2008 at 10:17 am

    Este ejemplo es genial, se pueden cargar swf y poner botones, eres grandioso toni!!

  1. 1 Freak Group | Diseño web, recursos y mucho más Trackback on Sep 11th, 2007 at 5:22 pm

Leave a Reply




Subscribe

Subscribe to my RSS Feeds