ARTICULOS

Menúes drop down con Fireworks

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

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

Otros artículos...

ASP.net Banners aleatorios con ASP.net
Java Script Banners aleatorios con JavaScript
PHP Informe sobre el PhpNuke
PHP Funciones en archivos
ASP Llenar un listbox a partir de una base de datos
Java Script Fecha de la última actualización
Marketing Cuidando el incrementalismo
Hojas de Estilo Problemas del Modelo de Caja en IE 5
ASP Utilizando GetRows
Servidores FoxServ: paquete instalador para Windows
Más artículos...