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

Otros artículos...

Java Script Evitar el doble envío de un formulario
PHP Resetear el password de Wordpress
Hojas de Estilo Scroll con hojas de estilo CSS
Hojas de Estilo Transparencias y bordes a imágenes
Usabilidad Guía para diseñar páginas de error
Marketing 5 sencillos pasos para ganar clientes
Java Script Popups controlados por cookies
ASP Haciendo un "Recomendar a un amigo" en ASP
PHP Usuarios activos con PHP sin BD
Flash Transición con eco entre clips
Más artículos...