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

Otros artículos...

Marketing Promos en la portada, buenas o malas
Marketing Cómo conseguir visitas con poco o ningún costo
ASP Selects dependientes con ASP y BD
Java Script Pequeños trucos de Java Script
PHP Verificar existencia de una URL
Bases de Datos Optimizar consultas MySQL
Java Script Validar formularios con Dreamweaver
Java Script Estela en el puntero del mouse
PHP Tutorial de sesiones en PHP
Flash Transición con eco entre clips
Más artículos...