Webmaster Forum / Flash / Flash Site Design / November 2006

Here's how to make the button:
Go to help (at the top of Flash on the tabs at the top), enter 'button' in
the search box, under Flash tutorials look for 'creating a button' and click
on it, follow the steps.

Here's how to insert it into a Dreamweaver html document:
http://livedocs.macromedia.com/dreamweaver/mx2004/using/wwhelp/wwhimpl/common/ht
ml/wwhelp.htm?context=Using_Dreamweaver&file=18_med12.htm

right click on your picture, select convert to symbol, select button, and give it a name in the field.

Ok open flash.  Select rectangle tool.  Draw out a button at the normal size
you want it.  Then select the free transform tool. Select the button you drew.  
In the center of the button should be a circle.  Drag this circle to the left
edge of the button.  You should only move it horizontally across so that its
still in the center but on the left edge.  Now select the black arrow again.  
Select the button again and right click it to convert to symbol.  name it
whatever you want.  For this example I named it box.  Make sure Movie Clip is
selected.  (I'll explain in a minute).  Also, make sure the registration point
is the left center edge.  Just like when you selected the free transform tool.
Click Ok.   Now for the explaination.  You want to always use Movie Clips
instead of button.  Well not always but most of the time.  Because movie clips
can be used for more than just buttons.  I won't get too detailed but when this
tutorial is finished you will see you can make a movieclip respond like a
button.  
Now back to work!  :)
Now select box and go to properties and give instance name box.
Insert layer.  Open actions panel and insert the following

 import mx.transitions.Tween;
import mx.transitions.easing.*;

box.onRollOver = function() {
    var tw:Tween = new
Tween(this,"_xscale",mx.transitions.easing.Elastic.easeOut,100,300,3,true);
}

box.onRollOut = function() {
    var tw:Tween = new
Tween(this,"_xscale",mx.transitions.easing.Elastic.easeOut,300,100,3,true);
}

Now test your movie