ARTICULOS

Menúes drop down con Fireworks

Autor: Fabian Muller (http://www.webexperto.com) - 20/06/2003

Del.icio.us Facebook Technorati

Macromedia Fireworks brinda la posibilidad de crear, en forma rápida y sencilla, vistosos menúes "drop down" como el que se muestra en la siguiente figura:

Para realizarlo debemos seguir los siguientes pasos:

Definimos las secciones

Creamos una imagen por cada sección:

Rectangle Hotspot Tool

Por cada sección en la que deseamos incluir un menú drop-down debemos utilizar la herramienta Rectangle Hotspot y especeficar su área:

Realizando el menú

Clickeamos con el botón derecho sobre alguna de las secciones y seleccionamos la opción Add Pop-up Menu:

Completamos las opciones del menú rellenando los campos Text, Link y Target (opcional), y luego clickeamos sobre el símbolo + para agregar, o sobre - para quitar los ítems. Una vez terminado, click sobre Next.

Definimos los colores de las celdas y el texto, el tipo de fuente, y clickeamos sobre Finish.

Una vez completadado el proceso podremos elegir la ubicación del menú despegable simplemente arrastrándolo con el Mouse.

Exportando el código

Utilizaremos la opción [Modify] [Fit Canvas] para eliminar los espacios en blanco de la imagen.

Luego nos dirigimos hacia [File] [Export] y guardamos el trabajo.

Al exportarlo, se van a generar los tres archivos necesarios para hacer funcionar el menú: menu.htm, fw_menu.js y menu.gif.

 

Más artículos sobre Fireworks

1. Creando una bola 3D con sombra
2. Menúes drop down con Fireworks
3. Fundir imágenes con Fireworks
4. Efecto de borde fundido con Fireworks
5. Líneas distribuidas
6. Darle forma a un texto
7. Optimizando gráficos con el Fireworks
8. Efectos líneas de TV con Fireworks
9. Creación de estilos en Fireworks
10. ¿Cómo hacer una botonera con Fireworks?
Más artículos...

Otros artículos...

Java Script Proteger páginas con password
Java Script Un reloj digital en JavaScript
PHP Generación dinámica de imágenes
Marketing Investigación de Keywords efectiva
ASP Contador gráfico en ASP
Hojas de Estilo Modelo de cajas
ASP Utilizando cookies en ASP
Servidores Todo sobre el archivo robots.txt
Fireworks Efectos líneas de TV con Fireworks
Bases de Datos Instalación de un servidor PostgreSQL bajo Linux
Más artículos...