Step 30

Click on the first frame of layer text, take the Text Tool (A) and go to the Properties Panel (Ctrl+F3) below the stage. Then, choose the following options:

1. Select a Static Text field,
2. Select a Moltors as font,
3. Choose 14 as font size,
4. Select white as color,
5. As the rendering option, select Use Anti-alias for readability.



Then, type for the first button any text. For this example, I have typed "Button". See the picture below.



Step 31

Click on the second frame of layer text and and press F6 key. Then, take the Selection Tool (V), double click on text to select it and go to the Properties Panel (Ctrl+F3). Then, change the text color into a #ED1C24. See the picture below.



Step 32

Take again the Selection Tool (V), press and hold down Alt+Shift key and duplicate the text like it is shown on the picture below, for every other buttons.



Step 33

After that, double click for every subbuttons text and change its color in black. See the picture below.



Step 34

Create a new layer above the text layer and name it action.

Step 35

Click on the first frame of layer action and go to the Action Script Panel (F9) below the stage. Then, enter this code inside the actions panel:

stop();

Step 36

Create a new layer above the action layer and name it invisible button. Then, using the drag and drop technique move that layer below the button layer. See the picture below.



Step 37

Click on the second frame of layer invisible button and press F6 key.

Step 38

While you're still on frame 2, take again the Rectangle Tool (R).Then go over to the Colors part of the Tools panel again and disable the stroke color. Select the stroke color, click the No color icon and then select any color for the fill.



After that, draw a rectangle about 250x240px and place it on the position like it is shown on the picture below.



Step 39

While the rectangle is still selected, press F8 key (Conevert to Symbol) to convert this rectangle into a button.



Step 40

Double-click on the new made button on stage with the Selection tool(V).You should now be inside the invisible button. See the picture below.



Step 41

Take the Selection Tool (V) and move the keyframe from the Up state to the Hit state. See the picture below.



Step 42

Go back on the previous stage.



Step 43

Take again the Selection Tool (V) and click once on the invisible button to select it. After that, go to the Action Script Panel (F9) and enter this code inside the actions panel:

on (rollOver) {
gotoAndStop(1);
}

Step 44

Go back on the first frame of layer button. After that, take again the Selection Tool (V), select the first frame and click once on the first button to select it. Then, enter this code inside the actions panel:

on(rollOver) {
restartAll();
gotoAndStop(2);
}

Now, we're done with the first drope down menu, repeat this process also for every other drop down menu.

Have a nice day!

Download source file (.fla)