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 para 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.
Conteúdo
- Utilice la herramienta puntero para seleccionar el botón al que se adjuntará el menú.
- Haga clic en el botón blanco.
- Elija añadir menú emergente.
- En la ficha contenido, introduzca el texto, link, y target por el artículo.
- Haga clic en el signo más (+) para añadir otro elemento al menú.
- Continúe añadiendo los demás elementos a su menú emergente.
- Haga clic en siguiente.
- Especifique los parámetros para la apariencia de los elementos de menú pop-up '.
- Haga clic en siguiente.
- Acepte o modifique los siguientes parámetros:
- Haga clic en siguiente.
- Haga clic en un icono para alinear la ventana emergente en una de las siguientes configuraciones: a la derecha abajo, de abajo, arriba, o la parte superior derecha de la rebanada.
- Haga clic en hecho.
- Elija archivo-vista previa en el navegador y seleccione el navegador que desee en la lista del menú.
Para crear un menú emergente, siga estos pasos:
Utilice la herramienta Puntero para seleccionar el botón al que se adjuntará el menú.
Un botón blanco aparece en el centro del botón. Esto significa que usted puede agregar 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 al exportar su menú.
Haga clic en el botón blanco.
Aparece un menú con una lista de comportamientos interactivos que se pueden agregar al botón.
Elija Añadir menú emergente.
Aparece el Editor de menú emergente.
En la ficha Contenido, introduzca el texto, Link, y Target por el artículo.
El texto es la etiqueta de botón, el enlace es la página a la que los vínculos de los botones, y el objetivo es la ventana en la que la página vinculada se abre.
Haga 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, enlace, y Target. Alternativamente, puede presionar Tab para añadir otro elemento al menú.
Repita el paso 4 para este botón.
Continúe añadiendo los demás elementos a su menú emergente.
La figura muestra un menú emergente con varios artículos.
Haga clic en Siguiente.
La ficha Apariencia de las pantallas de menú Editor emergente.
Especifique 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 crear los elementos de menú. Si elige Imagen, Fireworks crea las imágenes para cada elemento del menú y los salva al exportar el menú.
Alineación Menú menú desplegable: Elija Horizontal Menu o Menú Vertical.
Fuente: Elija 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 a la próxima cara de la fuente, si la fuente predeterminada no está instalado en el ordenador del usuario.
Tamaño de fuente: Elija un tamaño de fuente en el menú desplegable.
Estilo y alineación opciones de las fuentes: Estas son las mismas opciones que encontrará en su aplicación de procesamiento de textos amigable: osada italic- e izquierda de centro-;, o derecha; alinear.
Hasta Estado: Haga clic en las muestras de color y elegir el color de la celda y el texto. Como regla general, usted elige los mismos colores que el menú al que está conectado 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ú.
Haga clic en Siguiente.
Aparece la ficha Avanzado del Editor de menú emergente.
Acepte o modifique los siguientes parámetros:
Ancho de la célula: Fuegos artificiales determina el ancho basado en el elemento de menú con el texto más largo. Para modificar el ancho, seleccione píxeles en el menú desplegable. Esto abre el cuadro de texto Ancho de la célula en la que se puede introducir un valor.
Celular Altura: 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, usted puede elegir Automático en el 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: Acepte el valor predeterminado (0), o introducir una cantidad en la que 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 aceptamos el valor predeterminado de 0.
Menú de retardo: Esta es la cantidad de tiempo durante el cual aparece el menú después de que un visitante hace una pausa su cursor sobre el botón. Si no se toman medidas dentro de ese periodo de tiempo, el menú desaparece. El retraso predeterminado es 1000 ms, o 1 segundo. Introduzca un valor diferente para aumentar o disminuir la demora 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 una frontera más grande, y luego haga clic en las muestras de color aplicables a la frontera: Shadow, Frontera de colores, y resaltar. Esta opción no está disponible si elige Imagen en la ficha Apariencia.
Haga clic en Siguiente.
Aparece la ficha Posición del Editor de menú emergente.
Haga clic en un icono para alinear la ventana emergente en una de las siguientes configuraciones: a la derecha abajo, de abajo, arriba, o la parte superior derecha de la rebanada.
Después de elegir una opción, Fireworks inserta valores en los campos X e Y. Si lo desea, puede introducir diferentes valores para definir aún más el posicionamiento del menú emergente. Si ha sangría elementos de menú, aparecen las opciones de submenú, que le permiten especificar la posición de los submenús.
Haga clic en Hecho.
El menú emergente se agrega al botón.
Elija Archivo-Vista previa en el navegador y seleccione el navegador que desee en la lista del menú.
Su menú aparece en el navegador deseado.