Web design Linkbut spacePrint design Linkbut spaceLogo Design Linkbut spaceTemplates linkbut spaceWeb Hosting linkbut spaceWeb Marketing linkbut spacetutorials linkbut spaceTips and Articles linkbut spacePartners linkbut gap
blue-box image-1 image-2 image-3
spaces

maa services

space
Fireworks Effects and Tutorials

» Fireworks Tips

» Fireworks Web Design

» Swap Images

» Drop-Down Menus

» Animated Gifs

» Rollover Images

» Motion Trail Effect

» Change Image Color

» Chocolate Text

» Ripped Edge Frame Effect

» Line Edged Frame

» Horizontal Line Effect

» Patterned Text

» Transparent Text

» Crayon Effect

» Twist & Fade Effect

» 3D Zoom Effect

» Textured Text

» Photo-Negative Effect

» Color to Grayscale

» Night-Vision Effect

» Old-Photographic Style

» Pixelated Edge Frame

» Lumpy Edged Frame

» Fade an Image

» Image to Pencil Drawing

» Paste Inside

» Feathering

 

» Flash Tutorials

» Photoshop Tutorials

» Dreamweaver Tutorials

 

Tips and Articles
» Advertising Ideas
» Templates Creating Ideas and Tips
» Dedicated Server Tips
» Domain Name Tips
» Ecommerce Tips
» Hosting Tips

» Logo Design Concept

» Emal Marketing

» Offset Printing Tips

» Website Design Tips

» Website Promotion

» Affiliated Program Tips

 

Maa Web Design
» Brochure Website
» E-Commerce Website
» Flash Website
» Web Template Customization
» CMS Development
» E-News Letter

 

Maa Print Design
» Press Advert Design
» Banner Design
» Brochures Design

» Copywriting Services
» Direct Mail Design
» Flyers Design
» Illustration Works
» Invitations Design
» Menu Design
» News Letter Design

» Packaging Design

» Posters Design
» Presentation Folders
» Signage Design

 

Maa Identity Design
» Logo Design
» Stationary Design
» Corporate Identity Design
» Logo Template Customization

 

Maa Templates
» Web Templates
» PSD Templates

» Low Cost PSD Templates
» Logo Templates
» Stationary Templates
» PowerPoint Templates
» Print Temples

 

Maa Web Hosting
» Domain Registration
» Web Site hosting
» Email
» Dedicated Server

 

Maa Web Marketing
» Search Engine Submission
» Search Engine Optimizing
» E-mail Marketing

» Website Content Writing

» E-mail Promotional Newsletter
» Live Chat Agent



space
Drop down menus in fireworks

Vertical and Horizontal Drop Down Menus in Fireworks MX 2004


fireworks menus

 

Tthis tutorial will teach you how to create drop-down menus. It is very easy to create drop down menus and you can follow these steps:

 

  1. Create an image or button to use as a drop-down menu (e.g. Our Services or Products as seen on the site)
  2. Then got Edit/Insert/Slice to insert a slice to the image. You can see a green slice like below. Then Right click on the slice and click on Add Pop-Up Menu
  3. menus slice

  4. Double click in the text filed under the content tab and enter the name of the menu items (e.g. Website Design).
  5. Click on the '+' symbol to add more menu items.
  6. Click on Next when you complete entering the menu items
  7. Then you will go to the Appearance tab. Here you can give the color of the text and cells and font size and specify a horizontal or vertical drop-down menu whichever you like
  8. Click on Next. You will go to the Advanced tab where you can specify the cell padding, border color and shadow.
  9. Click Next. In the position tab you can specify how you would like the drop-down menu to appear by selecting the appropriate buttons there.
  10. Click on Done.
  11. Choose Preview in Browser from File menu. Now you can see the drop down menu on rolling over the button.
  12. Then go to File/ Export and select the location you want to save them. Open the folder there you can find a file called mm_menu.js which has the code for the drop-down menus created by Fireworks. The menu items will be coded in the head content of the page.

 

 

 

Back to Tutorials Home Page


arrow

Maa Design Services
MAA offers high-quality website design services at affordable prices and fast turnaround time. We provide ready-made & custom website design solutions to global clients from London, UK. Take a look at our client testimonials from clients all over the world. Contact us today to get started on your website!

 

 

arrow

Client Testimonials

"If you want the QUICKEST service, the BEST web design, Logo and the FRIENDLIEST communication, DezineHub is the ONLY business to turn to. They far exceeded my expectations! I give them the HIGHEST recommendation! "
Dilip, Chemmen Ltd UK

 

space

packages

space

top

arrowMaa Web Design
-Brochure Website
-E-Commerce Website
-Flash Website more>

bottam

space

top

arrowMaa Web Design
-Brochure Website
-E-Commerce Website
-Flash Website more>

bottam

space

top

arrowMaa Web Design
-Brochure Website
-E-Commerce Website
-Flash Website more>

bottam

space

top

arrowMaa Web Design
-Brochure Website
-E-Commerce Website
-Flash Website more>

bottam

space

top

arrowMaa Web Design
-Brochure Website
-E-Commerce Website
-Flash Website more>

bottam

space

top

arrowMaa Web Design
-Brochure Website
-E-Commerce Website
-Flash Website more>

bottam

space

top

arrowMaa Web Design
-Brochure Website
-E-Commerce Website
-Flash Website more>

bottam

space

spaces
bottam-left
Home | About | Services | Package | Portfolio | Testimonials | Free Downloads | Free Tutorials | Jobs | Privacy Policy | Terms & Conditions | Contact
Copyright © 2005 Maagraphics.com - All rights reserved. Site Designed and Developed by MAA Design Ltd. London, UK
bottam-right

Design services : Brochure Website | E-Commerce Website | Flash Website | Web Template Customization | CMS Development | E-News Letter | AD Design
Brochures Design | Flayers Design | News Letter Design | Posters Design | Invitations Design | Menu Design | Banner Design | Logo Design | Stationary Design
Corporate Identity Design | Animated Logo Design | Web Templates | 3D logo Design | PSD Templates | Logo Templates | Stationary Templates | Print Templates
PowerPoint Templates| Domain Registration | WebSite hosting | Email|Dedicated Server | SEO | E-mail Marketing | Live Chat Agent | Site Map