How to Create Drop Down Menus in Fireworks
Creating drop down menus doesn't take much time. It seems drop down menus have become the thing on many sites. If you have Macromedia Fireworks, making drop down menus can be made fairly easy. In order to make drop down menus you will need a little basic knowledge in fireworks and dreamweaver. Follow the easy steps below to make a drop down menu for your site.
Step 1
You will need to create a button or image that you would like to use for your drop down menus.
Step 2
You will need to insert a slice to the image. To do this simply click "Edit -> Insert -> Slice" . Once you have done that there will be a green box over your image.
Step 3
Right click on the green slice you just made. A box will drop down and in that box click on "Add Pop Up Menu" . A box will appear called "Pop up Menu Editor" .
Step 4
Under the content tab, double click in the text field. Type the name of your choice in the field. Once you have done that click the (+) symbol to add more items. When you have entered all your names, click next.
Step 5
Now you will see the appearance section. In this section you can change the color of the text, cells, and change the font size to your liking. Also in this section you are able to choose if you want a vertical or horizontal menu. Once you have done all of that, click next.
Step 6
Your next section will be the advanced section where you can choose the cell padding, border color, and shadow. Once you have finished that, click the next button.
Step 7
Now you are on the last tab which is the position tab. In this section you can choose where you would like your menu positioned. Once you have chose your position, click done.
Step 8
At the top of your window click "File -> Preview in Browser" Once the browser loads, roll your mouse over the button and your menu will drop down.
Step 9
Go back to fireworks and export the images and layout. To do this, click "File -> Export and choose the place that you would like to store the files".
Step 10
Go to the folder and look for the file you just saved. It will be called mm_menu.js and that has the code for the drop down menu.
You will need to use Dreamweaver to add menus to your site. Using drop down menus will make a site look cleaner if you have many links. For example, you can name your button Books, when the menu drops down it will have your categories of books. Drop down menus are used more and more everyday and they are not hard to create as you can see.
Published by Jasmine Starr
I can do all things through Christ who strengthens me. View profile
-
Photoshop Web Layouts - Clear Glass Tab Menu
In this Photoshop Tutorial I will show you how to create a Clear Glass Tab Menu. These tab buttons make great buttons for websites.
-
Macromedia Fireworks: How to Create a Metal Horizontal Menu
In this Macromedia Fireworks tutorial I will show you how to create the metal horizontal menu in my image. Please see the image that I have provided to see the ending results. T...
-
Macromedia Fireworks: How to Create a Rainbow Beveled Menu
In this Fireworks tutorial I will show you how to create the rainbow beveled menu in my image. Please see the image that I have provided to see the outcome of this tutorial. Thi...
-
Photoshop Graphics - How to Create a Red Gel Butterfly
In this Photoshop Tutorial I will show you how to create a Red Gel Butterfly. The gel effects can make some nice looking icons and graphics. You can create this butterfly any si...
-
Photoshop Effects - How to Create a Heart Shaped Photo
In this Photoshop tutorial I will show you how to create a Heart Shaped Photo. You will take a Photo and turn it into the shape of a heart. I will write the first part for begin...
- Creating Jump Menus in Dreamweaver 8
- Creating & Customizing Drop Down List in Dreamweaver 8 Using CSS
- Photoshop Web Layouts - Fancy Purple and Silver Menu
- Photoshop Web Layouts - Blue and Clear Gel Bow and Heart Menu
- Photoshop Web Layouts - Blue and White Butterfly Menu
- Deluxe Menus Tutorial
- How to Create a New Menu in Joomla
|
|
- LinkedIn's 4Q revenue doubles, stock soars 8 pct (AP)
- Brazil files injunction against Twitter (AP)
- Kodak to stop making cameras, digital frames (AP)
- Just Show Me: 3 great photo apps for the iPhone (Yahoo! News)
- Origami Bots: Paper robots running on air slither and slide their way to missions (Yahoo! News)
- You will need to create a button or image that you would like to use for your drop down menus.
- It seems drop down menus have become the thing on many sites.
- You will need to use Dreamweaver to add menus to your site.
10 Comments
Post a CommentHi Evryone,
I have the same problem, How can I get rid of the red X box next to the main category name in the sub catagory?
Thanks in advance
Another great question with Fireworks is... When creating a site with a drop down menu and the DDM ends up being located on a bar in the logo. I can create the Drop down and it works awesome in fireworks, well then you have to slice your page up and you have to make sure and slice all pictures if you want fireworks to actually export them for you. Well here comes my dilema, My DDM is in place but yet I have to SLICE the LOGO in order for it to get exported, so that doesnt work well as you can imagine. So i figured out I could create a NEW SUB LAYER and add the slice overlay in that sub layer and then move it to the bottom of the list. This works well in fireworks and allows my Drop down Menus to work again. Well now its time to export to .css and html so I can finish up in Dreamweaver, as you could imagine once its exported out of fireworks and into Dreamweaver the damn DDM doesnt work again. Very annoying and very aggravating. BTW Im using Fireworks CS4!!
@nicole
you need to have your target set to "_self"
I am not able to click on add pop up because it is grayed out....can you help me?
I creted a drop down menu using fireworks, and then transferred it into dreamweaver for my site. The problem I am having with it is that each time I click an item in the menu it opens in a new tab rather than the same window. This is my site: www.nicolemn.com
Any suggestions on how I can fix this? Thanks.
I gotthat problem too, it's kinda annoying, as the cliant I have wont accapt because of that and it's not letting me continue with the devlopment of the site.
i can make the drop down banner but how do i make them into hyperlinks??
I am able to make the drop down menu just fine, but I have some sub-listings and I cannot seem to find out how to put in an "arrow" or some image on the menu. I just get a red X in a box next to the main catagory name, but it does go into the sub catagory when I hover over the red x.
How do you make it so that the cursor when hovering over the dropdown menu is not a text cursor?
kl'jsdf'kjdl; pjwegfpejw poejgrf ertpjrwe ]rlt[kt