Cómo crear un menú emergente en los fuegos artificiales

Un menú emergente creado en Fireworks utiliza javascript para crear su magia. Sin embargo, Fireworks escribe todo el código. Si usted tiene un montón de páginas a enlazar a, pero sólo una cantidad limitada de espacio, un menú emergente es la opción obvia. Un menú emergente, um, aparece (de ahí el nombre) cuando un visitante del sitio hace una pausa su cursor sobre el botón que activa el menú emergente.

Para crear un menú emergente, siga estos pasos:

1Utilice la herramienta Puntero para seleccionar el botón al que se asocia el menú

Un botón blanco aparece en el centro del botón. Esto significa que se puede añadir interactividad al botón. Cuando se crea un botón, Fireworks crea una rebanada que se ajusta al tamaño del botón. El corte se guarda como una imagen cuando se exporta el menú.

Video: FuegosArtificialesCR.com - como crear fuegos artificiales

338130.image1.jpg

2Haga clic en el botón blanco

Aparece un menú con una lista de comportamientos interactivos que se pueden agregar al botón.

338132.image3.jpg

3Elija Añadir menú emergente

Aparece el Editor de menús emergentes.

4En la ficha Contenido, introduzca el texto, Link y Target por el artículo

El texto es la etiqueta del botón, el enlace es la página a la que los enlaces de botones, y el objetivo es la ventana en la que se abre la página vinculada.

5Haga clic en el signo más (+) para añadir otro elemento al menú

Fireworks añade campos en blanco para el texto del botón, Link y Target. Como alternativa, puede pulsar la tecla Tab para agregar otro elemento al menú.

Repita el paso 4 para este botón.

338134.image5.jpg

6Continúe añadiendo los demás elementos a su menú emergente

La figura muestra un menú desplegable con varios artículos.

338136.image7.jpg

7Haga clic en Siguiente

La ficha Aspecto del Editor muestra menú emergente.

Video: Como hacer un show de fuegos artificiales

8Especifique los parámetros para la apariencia de los elementos de menú pop-up

Células: Seleccione HTML o imagen. Si elige HTML, Fireworks crea el código para la creación de los elementos del menú. Si elige Imagen, fuegos artificiales crea las imágenes para cada elemento del menú y las guarda cuando se exporta el menú.

la alineación de menú del menú desplegable: Elija Menú horizontal o vertical del menú.

Fuente: Elegir un conjunto de fuentes. Estos son idénticas a las opciones de fuente que tiene en Dreamweaver. La primera fuente es el valor predeterminado. Los valores por defecto del navegador de Internet para la próxima cara de la fuente, si la fuente por defecto no está instalado en el ordenador del usuario.

Tamaño de fuente: Elija un tamaño de fuente en el menú desplegable.

estilo y la alineación de las opciones de fuente: Estas son las mismas opciones que encontrará en su procesador de textos amigable: osada italic- y centro-izquierda ;, o derecha; alinear.

Video: Como hacer fuegos artificiales (muy fácil )

Hasta Estado: Haga clic en las muestras de color y elegir el color de la celda y el texto. Como regla general, a elegir los mismos colores que el menú al que se asocia el menú emergente.

Con el Estado: Haga clic en las muestras de color y elegir el color de la celda y el texto que aparece cuando un usuario hace una pausa el cursor sobre un elemento del menú.

338138.image9.jpg

9Haga clic en Siguiente

Aparece la ficha Avanzado del Editor de menús emergentes.

10Aceptar o modificar los siguientes parámetros:

Ancho de células: Fuegos artificiales determina el ancho basado en el elemento de menú con el texto más largo. Para modificar el ancho, elija Píxeles en el menú desplegable. Esto abre el cuadro de texto Ancho célula en la que se puede introducir un valor.

Alto de celda: Fuegos artificiales elige una altura, que puede ser modificado mediante la introducción de un valor diferente en el campo de la célula Altura. Alternativamente, se puede elegir Automático del menú desplegable.

Relleno de celda: Acepte el valor predeterminado, o introduzca un valor diferente. Este valor determina el área en píxeles de todo el texto de la celda.

Guion de texto: Aceptar el valor predeterminado (0), o introduzca una cantidad en la que para sangrar el texto.

Espacio entre celdas: Acepte el valor predeterminado de 0, o introduzca un valor. Si introduce un valor, aparece un espacio entre cada elemento en su menú emergente. Nos gusta que nuestros menús apretado, así que acepte el valor predeterminado de 0.

Demora de menú: Esta es la cantidad de tiempo durante el cual aparece el menú después de que un visitante se detiene el cursor sobre el botón. Si no se toma ninguna acción dentro de ese período de tiempo, el menú desaparecerá. El retardo predeterminado es de 1000 ms, o 1 segundo. Introduzca un valor diferente para aumentar o disminuir el retraso de menú.

Pop-up fronteras: La casilla de verificación Mostrar bordes está seleccionada por defecto, con un valor predeterminado de 1. Introduzca un valor para mostrar un borde más grande y, a continuación, en las muestras de color aplicables a la frontera: la sombra, color del borde, y poner de relieve. Esta opción no está disponible si elige la imagen en la ficha Apariencia.

338140.image11.jpg

11Haga clic en Siguiente

Aparece la ficha Posición del Editor de menú emergente.

12Haga clic en un icono para alinear la ventana emergente en una de las siguientes configuraciones: a la parte inferior derecha, abajo, arriba, o la parte superior derecha de la rebanada

Después de elegir una opción, fuegos artificiales inserta valores en los campos X e Y. Si lo desea, puede introducir valores diferentes para definir aún más el posicionamiento del menú emergente. Si ha sangría elementos de menú, las opciones del submenú aparecen, lo que le permitirá especificar la posición de submenús.

13Haga clic en Hecho

El menú emergente se añade al botón.

338142.image13.jpg

14Seleccione Archivo → previa en el explorador y elegir el navegador que desee de la lista del menú

Su menú aparece en el navegador deseado.

Artículos Relacionados