How to Make An Interactive Flash Menu with Get Url Function available

In this tutorial we will make an interactive flash menu that you can use on your website, flash games and applications.

Step 1
Open a new flash document and use the following settings
Width=500px
Height=90px
Page background colour=#003300

Step 2
Then rename the current layer to “contents” and make 2 extra layers “actions” and “button”.

Step 3
Click on the content layers and double click the rectangle tool ® and a dialog box will appear.

(Corner radius) type in “9” and click ok and on the property inspector bar disable the stroke colour and on the fill colour type in #33CC00 and press enter. Draw a rectangle, don’t worry about the size we are changing it.

Step 4
Click on the rectangle that you have drawn and enter the following settings into the property inspector bar.

Width-155.2
Height-33.1
x-21.0
y-43.6

Save your work.

Step 5
Take the text tool and from the property inspector bar choose static text and the font choose “Arial” font colour “#99FF33” then click on the stage and type “Home”. Take the selection tool and click on your text and enter the following into the text property inspector bar.

Width-104.0
Height-28.6

x-48.9
y-47.4.

Step 6
Select the whole menu. And from Modify > choose > Convert to Symbol and a dialog box will appear select movie clip and make the registration point center then click ok.

Select your menu movie clip and Enter
“Home” on the menu’s instance name.

Step 7
Double click on your menu movie clip then right click on frame 10 of your movie clip and choose convert to keyframes. Right click again on frame 10 and choose create motion tween.

Step 8
Select all your menu movie clip and enter the following on the property inspector bar.

X= -76.0
Y= -48.9.


Then go back to your timeline right click any frame from 2 to 9 and choose create motion tween.

Step 9
Click the actions layer and press f9 and copy and paste these

_root.home. {
if (mouse_over_home) {
_root.home.nextFrame();
} else {
_root.home.prevFrame();
}
};

Lock all the layer except the buttons layer.

Step 10
Now Click the buttons layer and draw a strokeless rectangle and make it the same size of your menu. Select it and convert it to a movie clip and on the property inspector bar from the colour drop down menu choose alpha. Set the alpha colour to 0%.

Step 11-Final Step
Click on your button on the buttons layer, press f9 and type in these

on (rollOver) {
_root.mouse_over_home = true;
}
on (rollOut) {
_root.mouse_over_home = fstartlse;
}
on (release){
getURL("http://www.otodeluxe.blogspot.com/");
}

-----------code ends here---------

Hmmm. Good job!!! We are done now you can follow the same steps and create extra buttons like “service” “about” “contact” etc.

Press Ctrl Enter to test your flash menu.