Sep 05

Escrito por: Pablo Veintimilla

Para obtener el menú desplegable podemos seguir estos pasos:

  1. Creamos un símbolo (CTRL + F8) llamado “submenu” de “tipo clip de película”

    Nuevo simbolo

  2. En el nuevo simbolo colocamos los botones que formarán parte del submenú, es decir el que se desplegara, para el ejemplo he colocado 5 botones

    Submenu

    Los botones que uso para este ejemplo son extraidos de la librería provista en flash, los podemos encontrar en ventana > bibliotecas comunes > botones, elegimos el botón de nuestro agrado y lo arrastramos al escenario.

    Notemos que el primer botón se encuentra alienado sobre el eje de referencia (la cruz)

  3. En cada botón colocamos el siguiente código:
    on(rollOver){
    	this._visible = true;
    }
    on (rollOut) {
    	this._visible = false;
    }
    on (press) {
    	//Tu código para cada boton
    }
    

    Este código permite mostrar/ocultar el submenú cuando se pasa el mouse sobre el

  4. Seleccionamos el primer botón y desda la barra de propiedades le aplicamos un Alpha al 0% asi

    Aplicando color alpha

    De tal modo que tengamos:

    Boton transparente

    Este es el lugar que ocupará el botón principal (El que despliega el submenú)

  5. Creamos una nueva capa Nueva capa y en ella creamos un rectángulo de tal modo que cubra todos los botones hasta el momento nuestra línea del tiempo se verá asi:

    línea del tiempo

    El escenrio se verá asi:

    Rectangulo

    Notemos que el rectángulo cubre totalmente los botones

  6. Ahora cambiamos el punto de referencia del rectángulo creado para ello seleccionamos el rectángulo y con la herramienta “selección libre” Herramienta de selección libre seleccionamos el centro del rectángulo de tal modo que ahora se ubique en la parte superior asi:

    Cambio de referencia

  7. Seleccionamos el frame que contiene el rectángulo y lo convertimos en interpolación de movimiento, haciendo click derecho sobre el asi:

    Crear interpolación de movimiento

  8. Seleccionamos alrededor de 5 frames y presionamos la tecla F6 de tal forma que creemos un frame principal

    Frame principal

  9. Convertimos esta capa en una máscara

    Mascara

  10. En la capa “botones” seleccionamos el frame 5 y presionamos F5, nuestra línea de tiempo se verá asi:

    Linea de tiempo

    Lo que hemos hecho desde el paso 5 hasta este es crear una animacion que despliege el submenu de forma suave.

  11. Seleccionamos el último frame de la capa rectángulo y desde el panel de acciones ditamos
    stop();

    Stop

  12. Seleccionamos el primer frame de la capa rectángulo y le colacamos la etiqueta abrir.

    Colocando etiqueta en fotograma

    Esto nos permite indicar desde que frame empieza la animación

    Nuestra linea del tiempo se verá asi:

    Linea tiempo actualizado

  13. El submenú esta listo, ahora solo nos resta crear el menú, para ello creamos un nuevo símbolo llamado “menu” de tipo “clip de película”.
  14. En el nuevo símbolo creamos 2 capas, una llamada “menu” en la que colocamos un nuevo boton y otra llamada “submenu” en la que colocamos el submenu (el simbolo que creamos en los pasos anteriores), nuestra linea del tiempo se verá asi:

    Linea de tiempo

    Mientras que los simbolos en el escenario se veran asi:

    Paso 15

    Nota: El simbolo “submenu” se muestra verde pues aplique un color de contorno, caso contrario no se vera en el escenario. El color de contorno lo aplicamos asi:

    Color de contorno

  15. Colocamos el submenu alineado al eje de referencia asi:

    Submenu sobre el eje de referencia

  16. Colocamos el nuevo boton de igual forma alineado al el eje de referencia asi:

    Nuevo botón alineado con el eje de referencia

  17. Seleccionamos el submenu y le colocamos una etiqueta “clpMenu”

    Etiqueta clpMenu

  18. En el nuevo botón que colocamos en la capa “menu”, escribimos el siguiente código
    on (rollOver) {
    	if (!this.clpMenu._visible)
    	{
    		this.clpMenu.gotoAndPlay("abrir");
    		this.clpMenu._visible = true;
    	}
    }
    

    Esto despliega controla el despliege del submenu

  19. Ahora solo resta arrastrar el simbolo menu al escenario

Al publicar la pelicula el resultado será:

Descarga los archivos

Otros post


Este post ha sido visto 46444 veces

117 Respuestas to “Como crear un menú desplegable en Flash”

  1. rusl Dice:

    excelente ayuda

  2. Indi Dice:

    Muy buen ejemplo, pero la duda que me queda es en que parte se colocan las acciones de cada boton del submenu para que salte a otro fotograma o escena.

  3. Pablo Veintimilla Dice:

    El código lo colocas en el paso 4 asi:
    on (press) {
    //tu codigo
    }

    Gracias por el comentario, voy a actualizar el ejemplo.

  4. Pam Dice:

    hola! disculpa llegue hasta el paso 15 y no se ke mas hacer.. podrias ayudarme? como pongo lo que ya hice en esas 2 capas? me perdi :(

  5. Pablo Veintimilla Dice:

    Lo que creamos hasta el punto 15 es el submenu, en el ejemplo es lo que se muestra cuando paso el mouse sobre el boton cafe. En los pasos siguientes vamos a crear el boton café osea el menu.

    Sería algo asi:

    Menu > Lo creamos en los paso del 15 al final
    |- Submenu 1 |
    |- Submenu 2 |
    |- Submenu 3 > Lo creamos en los pasos del 1 al 14
    |_ Submenu 4 |

    Gracias por tu comentario acabo de actualizar el post, espero sea mas explicativo.

    Cualquier otra pregunta por favor no dudes en comentarlo.
    Saludos Pablo!

  6. Agustín Dice:

    Hola que tal, muy buen ejemplo, pero creo que he seguido los pasos como indicas y me queda distinto, primero no me marca la a sobre el primer fotograma de la capa rectangulo, si la banderita roja, luego me quedó de 5 fotogramas y no de 10 como en el ejemplo, por último al publicarlo, me queda un menú estático q al pasar el mouse por encima del boton marrón desaparece el submenú y no aparece nunca más. Me podrías indicar donde tengo el error? Ya que este menú me será muy útil para un sitio en construcción. Gracias por todo de antemano.

  7. Pam Dice:

    ok esta perfecto gracias.. entiendo todo pero noc como colocar todo lo que hice en los pasos 1-14, en una sola capa llamada sub-menu :s debe ser facil.. pero no se como hacerlo..

  8. Pam Dice:

    ah y disculpa la molestia.. es mi primer desplegable haha :)

  9. Pam Dice:

    Oye ya entendi.. pero me pasa lo mismo que agustin :(

  10. Pam Dice:

    **Error** Símbolo=Símbolo 2, capa=menu, fotograma=1:Línea 1: Sólo se permiten los eventos de ratón para las instancias de botón
    on (rollOver) {

    Total de errores de ActionScript: 1 Errores comunicados: 1

    :( :(:(

  11. Pablo Veintimilla Dice:

    Hola Pam y Agustin, mientras actualizo el post para que sea mas explicativo, pueden descargarse el ejemplo ahi esta el archivo original y asi ver como funciona.

    Gracias por sus comments!

  12. Pablo Veintimilla Dice:

    Agustin tienes razón! “primero no me marca la a sobre el primer fotograma de la capa rectangulo, si la banderita roja, luego me quedó de 5 fotogramas y no de 10 como en el ejemplo”

    No debería aparecer la “a” y debería ser de 5 fotogramas.

    Gracias. Acabo de actualizar el post corrigiendo esto

  13. Pablo Veintimilla Dice:

    Agustin acabo de actualizar nuevamente el post. Porfa fijate en el paso 17, probablemente ese sea el error por el que no funcionaba el menu desplegable.

  14. Leonardo Puerta Rodríguez Dice:

    Hermano, gracias por este tutorial. Me fucionó al pie de la letra, al 100%. No sabés cuán contento estoy.

    Considero pertinente que anotés esto en el paso 2, para que a nadie le pase lo que me pasó: Todos los botones TIENEN QUE ir juntos, sin ningún tipo de separación entre ellos. Quizás pierde un poco de estilo el menú, pero uno garantiza así que no sucedan cosas que no debieran suceder.

  15. Leonardo Puerta Rodríguez Dice:

    Ahora, me resultó un problema: El menú me aparece desde el principio, lo cual se supone que no debiera pasar. Es decir, debiera estar oculto al abrir la página, antes de que pase el mouse sobre él, pero al abrir la página, aparece abierto.

  16. Susan Luna Dice:

    Super explicado el tutorial, casi me quedo perfecto el resultado, el único problema es que al iniciar se desplaza el menu que deberia estar oculto y mostrarse recién al pasar el mouse sobre el botón, pero de todas maneras muchas gracias. Hace días que ando buscando una manera fácil de hacer un menú desplegable.
    Saludos desde Perú.

  17. Hernan Aya Dice:

    Gracias por ese maravilloso aporte, me sirvió bastante

  18. Pam Dice:

    Hola! ya todo me sale mucho mejor que antes, pero al probar la pelicula el estado inicial del menu es ya desplegado.. tengo que tocarlo para que se esconda y trabaje bien.

    No se si sera por esto, pero en el paso 14, cuando voy a unir el menu con el submenu… en el escenario puedo ver los 2, no me pasa como a ti que no puedes ver el submenu y le colocas contorno.. como logro esto? gracias! ;)

  19. Pam Dice:

    Ah e intento descargar el ejemplo y me da un error cuando lo trato de abrir :( …. otra cosa: cuando voy a pasar el cursor por el submenu este se esconde rapidamente… sera porque no le puse codigo donde le colocast: tu codigo para cada boton?

  20. ana Dice:

    tengo una solucion al problema de Leonardo y Susana, ya que ami tambien me paso, bueno ya ven que tanto el menu como el submenu estan situados en el mismo frame, pues solo necesitan mover el submenu al frame siguiente y el primer frame de este dejarlo libre y al frame del menu le vamos a poner un stop y al boton del menu le vamos a agregar un… gotoAndPlay(2); osea que el codigo del nuestro boton de menu quedaria asi:

    on (press) {
    gotoAndPlay(2);

    if (!this.clpMenu._visible)
    {
    this.clpMenu.gotoAndPlay(“abrir”);
    this.clpMenu._visible = true;
    }
    }

    Hooo… tambien se me olvidaba al frame del sub menu le agregamos un stop.

    Con esto a mi me funciono espero queles sirva :) …+

    aNa

  21. Adrian Delgado Dice:

    Hola gracias por este post que explica muy bien como hacer este menu. Lo he seguido al pie de la letra pero el paso 3 a la hora de poner el codigo no entiendo lo de “tu codigo para cada boton”. Me lo puedes explicar? donde hay que ponerlo exactamente? se refiere a cada boton? donde esta lo de el codigo para cada boton? Gracias

  22. Jojuanjo Dice:

    hola figense que no entendi porque hice todos los pasos de ejemplo y no me funciono no entiendo que paso y ya lo analice y nada no se si alguien me podria ayudar porfavor gracias soludos

  23. Carlos Amaya Dice:

    bueno me parece un trabajo bien hecho salvo por el problema que buenamente solucionó ANA, pero aparte tengo otro problema que creo que podemos ver incluso en el menu de muestra que nos sugieres bajar, se trata de lo siguiente, cuando pasas el mouse rapido, por el encabezado, se despliegan todos los botones, quisiera que esto no sucediera, ya que en otras paginas no ocurre esto. Para el que tenga una solucion, me seria de mucha ayuda, gracias.

  24. pamela Dice:

    hola esta super chevere este tutorial pero igul tengo unas conusiones como los chicos no se como unir los pasos del 1 al 14 en una capa?? y me pasa lo mismo q cuando ya lo exporto el menu desplegable q deberia estar oculto se muestra y nunca mas vuelve a pararecer no se como remediar esto si alguien me puede ayudar muchas gracias!!!

  25. alicia Dice:

    Hola como puedo vincular estos botones ?

  26. pamela Dice:

    holaaaaaa muchas gracias por este tutorial al final de revisarlo como mil veces y ver cada cosita y gracis a ana por la correcion y lo q yo tuve problema era que no me salia la mascara si les pasa lo mismo revisenlo, bueno cuidesen mucho byeeeee

  27. Carlos Dice:

    hola como puedo vincular los botones del menu para utilizar en una pagina web

  28. ego Dice:

    se comieron un paso no?
    el de poner este codigo
    this.clpMenu._visible = false;

  29. alejandra Dice:

    Hola esq estoy creando mi primer menu desplegable y la verdad estoy como perdida porque me pongo hacerlo y no se como que me trago pasos y me genera errores, porfa colaborame llevo dias con esto ya que encontre este manual tan bueno no quiero dejarlo pasar.
    Gracias de antemano.

  30. alejandra Dice:

    Hola quisiera saber como hago para que en mi pagina web, cuando yo hago el menu y pongo, no se vea el boton transparente, me explico: yo tengo un menu del cual se despliega el submenu y a este le hize un boton invisible como explica tu manual pero no me hacer para que solo se vea mi menu y la parte del submenu no quede ocupando espacio en mi pagina.

    Gracias

  31. monkey Dice:

    mira yo e llegado asta el final pero no entiendo lo de etiqueta donde estas? esque tengo la version italiana, me podrias decir algun en plan (control+…) o donde estas exactamente gracias

  32. monkey Dice:

    eso ya ta solucionado una pregunta y es bastante urgente en lo de tu codigo que pones tu que tengo que poner?
    Es urgente
    gracias

  33. pamuho Dice:

    holaaaaaaaa

  34. Edgar Ramirez Dice:

    hola a mi si me salió el menú desplegable, lo que no puedo hacer es vincular el submenú con otra escena, no se si me puedan ayudar a decirme como hacerle y que código es el que lleva, gracias.

  35. Berenice Dice:

    Tengo el mismo problema ke al parecer tienen varias personas que han escrito comentarios, el desplegado del menu esta perfecto, pero no lo puedo vincular con otra escena, el codigo ke yo pongo es el siguiente:

    on(rollOver){
    this._visible = true;
    }

    on (rollOut)
    {
    this._visible = false;
    }

    on(press)
    {
    gotoAndPlay(“lecciones”,1);
    }

    Porfa, me urge, gracias.

  36. Edgar Ramirez Dice:

    Hola ya pude resolver el problema que tenia, como muchos de los que estamos aquí que no podíamos vincular a otra escena.
    En el submenu donde están los botones a cada uno le puse este código, pero es para cuando esta en la misma escena y en el frame le puse un nombre de instancia, espero les sirva.

    on(rollOver){
    this._visible = true;
    }
    on (rollOut) {
    this._visible = false;
    }
    on (press) {
    tellTarget (_root) {
    gotoAndStop (“Scene1″, “rcia”);
    }
    }

  37. Edgar Ramirez Dice:

    Y este otro código es para abrir un pdf que esta dentro de una carpeta.

    on(rollOver){
    this._visible = true;
    }
    on (rollOut) {
    this._visible = false;
    }
    on (release) {
    getURL(“PDF/vallarta.pdf”, “_blank”);

    }

    esta es la ruta donde se encuentra mi archivo que quiero que habrá carpeta PDF/nombre del archivo con la extensión y que lo abra en otra página.

    espero a ver aportado algo para ustedes y sobretodo que les sirva.

  38. raggafly Dice:

    hola wenas soy un poco nuevo en esto del los menus flash y queria saber es que en mi caso, cuando e realizado lo que pone en el tutorial en el paso 18 me da un error de scipt y y no m compila lo que hace si alguien me pudiera ayudar xfa gracias.

  39. raggafly Dice:

    wenas soy un poco nuevo en esto de los menus flash y e hecho paso a paso lo que pone en el tutorial y weno todo sale bien hasta el paso 18 que me da error al compilar o algo

  40. raggafly Dice:

    perdonar por publicarlo dos veces me e ekibokado ha sido sin querer, que ya lo e solucionado pero tngo otro problema en el paso 3 cuando pones tu codigo para cada boton que se supone que tengo que poner?

  41. Pablo Veintimilla Dice:

    Ese es un comentario, la idea es que pongas el codigo que debe ejecutarse cuando “hacen click” en ese boton, por ejemplo pones getURL(‘www.undermedia.com.ec’), si deseas que cuando precionen sobre ese boton vaya a la pagina de Undermedia.

  42. luis Dice:

    hola muy buen tutotial
    pero mi pregunta es si se puede hacer que del menu que se despliega en uno de esos botones se despliegue otro menu??

    y si es asi por favor indiquen como se aria gracias

  43. ronasa Dice:

    hola, soy principiante en esto de flash y me surge una duda. Quiero poner texto en los diferentes botones y el resultado que obtengo es que en todos los botones aparece el mismo texto. Alguien puede decirme que estoy haciendo mal. Mil gracias

  44. jorge Dice:

    hey gracias por el codigo del pdf, pero si quiero que se abra en otra pagina y no me pregunte si quiero abrir como hago

  45. jaime noriega Dice:

    muy pero muy buen tutorial, la unica obsrevacion que te daria es ke te expilques mejor, fuera de eso te pongo un 10 bro!!

  46. Jorge Dice:

    HOLA, ESTÁ EXCELENTE EL EJEMPLO, PERO ME SUCEDE EL MISMO PROBLEMA QUE CUANDO ARRASTRO EL SÍMBOLO EL SUBMENÚ A LA CAPA DEL SÍMBOLO FINAL, NO ME APARECE TRANSPARENTE COMO ATI, SINO ME APARECE TOTALMENTE VISIBLE, POR LO TANTO, CUANDO LO PUBLICO EL MENU YA APARECE DESPLEGADO Y TENGO QUE SELECCIONAR EL PRIMER BOTÓN PARA QUE SE REPLIEGUE. POR OTRO LADO, PARA VINCULAR A OTRA ESCENA, A MI ME FUNCIONA EL SIGUIENTE CÓDIGO:
    on (release) {
    _root.gotoAndPlay(52)

    }

  47. Luis Dice:

    El consejo que da ‘ana’ en el comentario 20, funciona de maravilla…, háganle caso a ella…, y te agradezco por este ejemplo de como hacer el menú expandible…, con el comentario de ana, funciona de maravilla… GRACIAS!!!!!! :D

  48. vi Dice:

    Hola: soy nueva en flash… segui al pie de la tetra el tutotial, creo, pero me pasa lo mismo q a muchos, el menu q me aparece es estatico, cuando junto el menu con el submenu no me aparece oculto, otra cosa… cuando selecciono los 5 frame para generar el movimiento y presiono F6 no me aparece la flechita, sino todos puntitos como tenia en el primero….
    espero puedan ayudarme, gracias

  49. Rhamsex Dice:

    Bueno no me quice ir sin dejar mi comentario y solo aprovechar la herramienta.

    k buena onda me cae k, gracias a todos y cada uno de los que comparten su conocimiento.

    Boy a tratar de hace lo mismo, lo cañon es que creo que la mayoria de los que buscamos este tipo de informacion ya sabemos lo basico y pues yo la neta no soy tan bueno … GRAX …

  50. joshua Dice:

    hola podriand explicarme lo de el comentario 20 de ana por que no jala el boton gracias

  51. pop Dice:

    hola!!
    me salio todo bien hasta que trato de ejecutar los botones.
    no puedo hacer vinculo con las otras escenas
    porfa ayudaaaaaa

  52. Antonio Dice:

    Soy nuevo utilizando flash un favor me podría alguien donde coloco el código para cada uno de los botones por favor.

  53. Gabriela Dice:

    Cuando quiero cambiar el nombre del boton, por otros distintos que no sean Enter, por decir que el primero diga Origen y el segundo Filosofia no me deja, se cambian los 2 al mismo tiempo, alguien me podria decir como hacer para que sean los nombres de los botones distintos?

  54. luis Dice:

    edgar ramires me salbaste si funciono a la perfeccion gracias

  55. Emmanuel Dice:

    Hola

    Segui el mismo procedimiento para generar un menu desplegable muy parecido a este, solo que el efecto de la caja que se despliega la hice en shape en lugar de twins.

    Al dar clic sobre el boton no me respeta el comando y hace no se qe cosa. Me pueden ayudar, podria pasarles el FLA para que alguno lo revise y me ayude a corregir el error.

    Espero su respuesta y gracias.

  56. jorge Dice:

    en el paso 13 cuando lo tengo ke convertir en un clip de pelicula para hacer el menu simplemente le pongo f8 o control+f8, porque ya lo intente y cuando termino todo el proceso simplemente no me aparece nada lo cual me parece muy raro, espero alguien me pueda ayudar saludos

  57. Soni Dice:

    Ups de acuerdo al primer ejemplo, pensé que estaba mal yo y que por eso no me funcionó el menú, pero errores los llegamos a cometer to2 y bueno ésta fue uno de ellos. Lo bueno que ya se corrigió el detalle.

  58. ADRIAN Dice:

    HOLA JUAN, MUY BUENA AYUDA…

  59. Jessica Dice:

    Wow!!! MUCHAS GRACAIS!!!! me ayudaste muchisimo!!!!

  60. Rod Dice:

    realice el ejemplo, como lo describes y esta perfecto, sin embargo a los botones no he podido vincular los con otras escenas que tengo en mi presentacion, este es el codigo de los botones en submenu:
    on(rollOver){
    this._visible = true;
    }
    on (rollOut) {
    this._visible = false;
    }

    on (press) {
    gotoAndPlay(“Elegir”, 340);
    }

    son para vincular a otra escena y un fotograma, sin poder abrirla, ya baje tu archivo zip, no viene el codigo para vincular a otras escenas, si puedes ayudarme, gracias.

  61. Jose Luis Dice:

    Hola, me sirvio de esta manera, como lo dijo anteriormente Jorge

    on(rollOver){
    this._visible = true;
    }
    on (rollOut) {
    this._visible = false;
    }
    on (release) {
    _root.gotoAndStop(“prueba2″)

    }

    Funciona perfectamente, ahora como hago para hacer un link en los botones para que me lleven a páginas en HTML ?

  62. Will Dice:

    Hola a todos, mi nombre es Will y estoy haciendo un trabajo en Flash CS3 para un curso de Periodismo Digital… Y no saben como he batallado para lograr que el menu desplegable funcione bien… Pero al fin funko… Me funciono bien la solucion de Edgar. Saludos!

  63. RODRIGO Dice:

    HOLA A TODOS YA LOGRE REALIZAR EL MENU DESPLEGABLE, GRACIAS A LOS COMENTARIOS DE TODOS, SI ALGUIEN QUIERE EL ARCHIVO QUE REALICE SOLO ENVIEME UN CORREO, LO QUE MAS ME COSTO TRBAJO ES VINCULAR A OTRAS ESCENAS….NADAMAS UNA GRAN PREGUNTA SI ALGUIEN LO HA HECHO ES, SI SE PUEDE CREAR OTRO MENU DESPLEGABLE SOBRE UN BOTON DESPLEGADO?

  64. RODRIGO Dice:

    Estimados, ya logre que funcionara todo, lo que mas me costo trabajo entender es la programacion del cada boton del menu desplegable para que funcionara les pongo el codigo de cadaboton para que no tengan problemas solo modifiquen la escena y el frame a su gusto

    on(rollOver){
    this._visible = true;
    }
    on (rollOut) {
    this._visible = false;
    }
    on (release){
    tellTarget (_root) {
    gotoAndStop(“Escena 1″, 10);
    }
    }

  65. Anddy Dice:

    hola
    estoy teniendo problemas para que se vea lo que hice, hago todos los pasos para desarrollar la practica y no me sale. Ademas descarge el archivo menu.fla que esta en el sitio y al abrirlo con Macromedia Flash MX 2004 no puedo y me sale un mensaje que dice “formatoarchivo inesperado” que puedo hacer (soy aprendis)

  66. RODRIGO Dice:

    hola, yo estoy utilizando el flash 8 que esta mejor que el mx, solo se paciente y sigue los pasos despacio y consigue el flash 8 o superior

  67. Eduardo Dice:

    Hola, la verdad es que hice todo lo que esta en este foro y nada me sale. comienzo por el principio. Realice todo el tutorial y tenía un problema el submenu aparecia al momento de correr la pelicula, y al poner sobre el el cursor desaparecia forever. Realice lo que dijo me parece que ana en el comentario 20, ylo que ocaciono es que al principio de la pelicula apacere un boton, en negro y al poner el cursor sobre el colocambia de color pero no aparece nada. y no entiendo por que…
    en los botones puse lo mismo que el tuto, le puse el nombre de abrir como dice… luego cuando hago el menu, tuve cuidado que todo estuviera alineado, hice lo que dice ana, y nada. alguien puede ayudarme por fa?? me urge. o denme una idea, ya probe todos los comentarios, o soy muy burro lo cual no lo dudo, o que onda?gracias…

  68. Pam L Dice:

    Este tutorial esta muy bacan gracias. pero falto la parte para hacer los links con otras escenas o frames porfa actualiza este tutorial.

  69. Hugo Dice:

    Hola, una pregunta
    como le agrego codigo a un botón, le pongo en acciones y me dice “No se pueden aplicar acciones a esta selección”

    de antemano gracias

  70. Hugo Dice:

    De nuevo yo, ya puedo agregar acciones al botón y ya realize todo lo indicado, pero a la hora de publicarlo el menú aparece ya desplegado y cuando me paso por el botón que se supone que lo despliega, se cierra el menú y no se vuelve a abrir, checando el ejemplo descargable, note varias diferencias que no se explican en los pasos

    1) en el primer fotograma de la capa rectangulo no me aparece la “a”, esto ya lo habian mencionado

    2) y también hay un fotograma que tiene este código:

    this.clpMenu._visible = false;

    esto tampoco viene en el tutorial

  71. Renato Ampuero Merino Dice:

    descargue el archivo y me parece un excelente ejemplo, pero cuando quiero cambiar los nombres de los botones (en ves de que diga enter que diga Mision , por ejemplo, pero se cambian todos los demas botones , y lo mismo sucede con los botones del submenu, como hago, estan como concatenados, por favor expliquenme que puedo hacer

    gracias por la pronta respuesta

  72. Jorge Dice:

    Perdonen mi ignorancia pero me pueden decir como se coloca el codigo
    on(rollOver){
    this._visible = true;
    }
    on (rollOut) {
    this._visible = false;
    }
    on (press) {
    //Tu código para cada boton
    }
    a los botones

  73. Diego Dice:

    me podrian expilcar como poner la etiqueta clpmenu

  74. Yadira Dice:

    Hola Saludos, estoy haciendo el menu desplegable y probe con los dos codigos siguientes pero no me manda aotra escena alguien me podria decir por que estoy mal?

    on (release) {
    _root.gotoAndStop(”prueba2″)

    }
    on (release){
    tellTarget (_root) {
    gotoAndStop(”Escena 1″, 10);
    }
    }

  75. RODRIGO Dice:

    HOLA COMO LES COMENTABA EN MI PARTICIPACION ARRIBA ME COSTO TRABAJO PERO EL CODIGO DEL BOTON SI SIRVE TENGO EL ARCHIVO YA LISTO SOLO PIDANMELO…RODRYVN (ARROBA) HOTMAIL..

    on(rollOver){
    this._visible = true;
    }
    on (rollOut) {
    this._visible = false;
    }
    on (release){
    tellTarget (_root) {
    gotoAndStop(”Escena 1″, 10);
    }
    }

  76. Baloo Dice:

    Alguien ha conseguido que en el submenu, se despliegue otro menu? Me seria de gran ayuda.

    Gracias.

  77. Rony Dice:

    Buen tuto pero pork al cambiar de nombres a cualquier boton o sub-boton todos también cambian? Por favor alguien me puede explicar…. soy nuevo en flash :S

  78. Adrian Dice:

    Ei gente por que una vez abierto el menu y se cierra necesitas dos clicks para volver a abrirlo?

    como lo soluciono

  79. María José Dice:

    Holas! Primera vez que me resulta un menu desplegable :) …pero no todo puede ser color de rosa :( no me resulta la animación para que el submenu aparezca lentamente…qué pasó? Donde está la acción que hace eso?

    Saludos,
    María José

  80. María José Dice:

    Faltó explicar cosas fundamentales, como que la máscara es un clip de pelicula que tiene una interpolación de movimiento….aunque a mi me resulta mejor con interpolación de forma…todavía tiene detalles, pero va funcionando

    Saludos,
    María José

  81. María José Dice:

    Ok! Me resultó con la interpolación de movimiento….si haces un tutorial para todos lo que no pasamos más allá de ser iniciados en flash…deberías explicar todo todito…y no suponer que sabemos, en todo caso, primera vez que puedo hacer un menu desplegable como se debe, bien por eso :)

    Saludos,
    María José

  82. María José Dice:

    Cuando pongo más de 1 botón desplegable, el segundo no funciona….que hago?

    Saludos,
    María José

  83. jhoances Dice:

    Sali del apuro.
    gracias

  84. Alicia Dice:

    Hola, a todos..
    Estoy iniciando en flash, necesito urgentemente un menu, me parece este tutorial facil, pero le falta explicar algunos detalles sobre la mascara (sobre el clip de pelicula), ya que lo he hecho varias veces y no me funciona. Agradeceria mucho que me hicieran el gran favor de explicarmelo.
    Muchisimas gracias….

  85. Elias Dice:

    una pequeña duda, muy pequeña
    tanto el ’submenu’ como el ‘menu’
    van en la misma escena?

    tenemos la escena
    ahi creamos

    submenu <- aca hacemos lo de mascara y botones

    luego volvemos a escena?

    nuevo simbolo

    'menu' <- con todas sus cosas

  86. Elias Dice:

    una pequeña duda, muy pequeña
    tanto el ’submenu’ como el ‘menu’
    van en la misma escena?

    tenemos la escena
    ahi creamos

    submenu <- aca hacemos lo de mascara y botones

  87. Elias Dice:

    luego volvemos a escena?

    agregamos el
    menu <- con sus cosas

    y luego arrastrar el menu a
    la escena?

    quiero saber el orden, solo eso
    saludos

  88. Laura Dice:

    Buenas tardes

    Muchas gracias por el tutorial que publiques, te agradeceria si me pudieras solucionar una duda. Descargue tu ejemplo, hice lo propio para mi pag web. Sin embargo actualmente para que me funcione necesito dejar disponible el espacio en blanco (alto archivo) para q pueda desplegar el menu en el archivo de flash y necesito cargar los menus sobre el resto de información porque por ejemplo si el menu desplegable es de 10 items tendria q dejar ese espacio en blanco (en el alto del archivo de flash)y necesito cargar en la pag web otra información en ese espacio.

    Observando el ejemplo q realizaste tiene ese mismo inconveniente. Espero haber sido clara.

    Gracias

  89. Ian Dice:

    yo tengo el mismo problema!!! una vez terminado… ya colocado en html…… como hacer para que el menu se despliegue sobre una pelicula aparte? ya cambie el parametro wmode a transparente pero eso no me sirve!!!!! yo quiero que el menu se ubique encima de la pelicula… como le hago?

  90. OLIMPO Dice:

    Hola tengo una duda al momento de realizar los botones en el desplegable me manda error el codigo de esta forma

    on(rollOver){
    this._visible = true;
    }
    on (rollOut) {
    this._visible = false;
    }
    on (release){
    tellTarget (_root) {
    gotoAndStop(”Escena 1″, 52);
    }
    }

    me manda el siguiente error

    this type of quotation mark is not allowed in action scrip plase change it to standar straight double quote

    tambien trate con el siguiente codigo mas no me realiza ninguna funcion.

    on(rollOver){
    this._visible = true;
    }
    on (rollOut) {
    this._visible = false;
    }

    on (release) {
    if (_parent.i52) {
    gotoAndStop(52);
    _parent["item"+_parent.i].gotoAndStop(1);
    _parent.i = 52;
    _parent.pics.gotoAndStop(_parent.i);
    }
    }

    alguien me podria apoyar lo agradeceria infinitamente.

    Esta excelente el tutorial solo tengo ese pequeño inconveniente si alguien me podria apoyar lo agradeceria demasiado, los primeros frames hasta el numero 31 lo tengo como cargador porterior comienzan los frames de info.

    Salu2

  91. Pablo Veintimilla Dice:

    Hola Olimpo, el problema en el primer código, son las comillas en ”Escena 1″ prueba con comillas simples (‘).

    Slds!

  92. OLIMPO Dice:

    mil gracias por hacerme denotar el error, en cualquier cosa en que pueda apoyarles sera un placer.

    Salu2

  93. gemma Dice:

    por que en ocasiones se abren 2 menus ? alguien sabe como corregir eso en ocacsiones pasando el mouse x el menu uno keda abierto

  94. javier Dice:

    Hola yo quiero hacerlo pero con que programa se hizo este menu lo necesito con urgencia Saludos

  95. Cleider Dice:

    por favor haber si pueden hacer un video sobre el tutorial….seria otra gran ayuda……xq hecho los pasos y no me anda…por favor. gracias

  96. Gabriel Dice:

    disculpen mi ignorancia pero como se le pone el codigo a cada boton??

    de antemano

    gracias.

  97. nick Dice:

    disculpa pero como se le pone el codigo a cada boton??

  98. nick Dice:

    ayudemen lo nesesito urgente

  99. arantxa Dice:

    no se como se pone el menue esenla misma escena

  100. Marioly Dice:

    Hola, me salio todo bien, pero tengo un problema que al pasar el mouse por el boton principal sea abre bien pero luego al pasarlo por otro boton el anterior sigue abierto y asi con los otros.
    eso, si alguien puede ayudarme mucha gracias

  101. gladys Dice:

    Hola:
    Primero mil gracias por la ayuda q me puedan dar. Hice todo, seguilos consejos.. y todo bien.. mi problema es cuando quiero enlazar los submenus.
    Estoy trabajando con escenas. y tengo un boton principal q me vincula a la pagina donde coloco los botones con desplegables.. hasta ahi bien.
    Luego tambien me salen los desplegables como el ejemplo.. mi problema es cuando quiero enlazar cada uno de estos botones desplegables a una nueva escena.. no me sale con ninguno de los comentarios.. por favor si podian ayudarme.. tengo q entregar este trabajo hoy.. mil gracias.

  102. gladys Dice:

    Le puse asi al uno de los botones de despliegue..haber q hice mal
    on(rollOver){
    this._visible = true;

    }
    on (rollOut) {
    this._visible = false;
    }
    on (press) {
    }
    gotoAndPlay();
    (vida,1);

  103. Verys Dice:

    Esta muy bueno!!!! espero que me salga correctamente

    Saludos =)

  104. kaya Dice:

    hola:

    podria alguien ayudarme porfavor estoy tratando de hacer el menu desplegable pero asta ahorita no me a salido y le he intentado un muy buen rato, no entiendo apartir del paso 12 si alguien me pudiera explicar los pasos que siguen mas simples es que no los entiendo, soy principiante y ya no se como hacerle.
    por favor.

  105. Gadiel Dice:

    hola a todos

    felicitaciones pablo por el tutorial, y a todos los demas q comentaron
    bueno yo termine de hacer el menu desplegable pero lo q no puedo es colocar sonidos a los botones haber si alguien me ayuda porfa estare muy agradecido

  106. Christian Dice:

    Hola un favor alguien de los que ya pudo hacer el boton podria pasarme su correo? soy nuevo y no entiendo unas cosas, gracias :D

  107. Ivan Villazon Dice:

    Saludo!!

    En el momento de darle la accion a algun boton del sunmenu no me vincula, estoy intentando vincular a otra escena.

  108. lalojimenez Dice:

    hola amigo, gracias por la informacion. solo que me atore en el paso 14 en como insertar en el submenu el simbolo que habiamos creado… porfavor ayudame……

  109. Carola Dice:

    Hola!! :) Perdonad mi ignorancia, pero estoy algo verde en este campo.
    Mi pregunta es, en el paso nº3, ¿Cómo escribo el código? Lo he intentado pero en vano. Utilizo el Flash CS3. Agradecería ayuda.
    Saludos

  110. Antonio Dice:

    Como puedo hacer para que al ejecutar el programa no me aparezcan los menus ya desplegados

  111. Charly Dice:

    En el comentario 20 que hace Ana a la solucion de que el menu aparece desplegado lo he hecho como lo explica pero me sale error, lo que no entiendo es que en el primer frame poner stop y en el segundo tambien poner stop, necesito ayuda de alguien que me ayude con ese detalle

    gracias de antemano

  112. Rudy Dice:

    Charly aquí es to si funciona

    on (press) {
    tellTarget (_root) {
    gotoAndPlay(2);
    }
    }
    on(rollOver){
    this._visible = true;
    }
    on (rollOut) {
    this._visible = false;
    }

  113. Rudy Dice:

    Claro que está con actionScript 2.0

  114. Carlos Dice:

    Hola a todos. Mi problema no es tanto el clip de Flash. Cuando le doy Ctrl + Enter si funciona incluso ya le puse vinculos al submenu y si me lleva a ellos. Mi problema es que no se como ponerlo en una pagina en Dreamweaver que estoy haciendo. En Dreamweaver hago una tabla y ahi pongo los botones en cada celda. En el ultimo boton ahi puse el menu desplegable pero no lo abre. No se si sera por el espacio de la celda o porque falta alguna propiedad. Por favor ayudenme con eso que esta retrasando mi proyecto. Muchas gracias.

  115. Beto Dice:

    Hola Pablo

    Esta excelente el tutorial y fundamental, solo quisiera saber como se puede hacer lo mismo pero en forma vertical, quiero hacer varios MC que despliguen cada uno submenus con botones de enlace, ojala me puedas ayudar o alguien aqui, lo agradezco desde ya.

    Saludos

  116. Jerrychi Dice:

    Es la primera ves que entro al Site y me ha funcionado de maravilla los menus, pero tengo el problemita que cuando modifico alguno de ellos tambien se modifican todos los demas, alguien sabe que hacer ? Thanks

  117. Roger Dice:

    Hola a todos.

    Me interesa una respuesta a la pregunta de Carlos. Yo tambien ya hice un menu desplegable en flash, pero no se como se muestre en dreamweaver sin que ocupe todo ese espacio desperdiciado, es decir, que si se despliega el menu hacia abajo se sobreponga con lo que tengo debajo del menu. (No se si me explique bien). Ya se como hacerlo transparente, pero al momento de insertar el menu flash en dreamweaver, me inserta todo el flash con todo el espacio que va a ocupar. Les agradeceria la ayuda al respecto.

    Saludos desde México.

Escribe tú comentario

Switch to our mobile site