Flash login system

Download the source : login.zip

Step 1

• Create a new flash AS 3 document
• Go to Properties tab and press Edit button and set the width of your document to 510 pixels and the height to260  pixels.
• Select black color as background .
• Change the layer name to background( double click on it ).
• Take the RectAngle toll (R) and create a recentangle covering the stage , for this use no stroke and any color.
• Convert it to a movie clip and call it background.
• Place this background movieclip onto the center of the stage leaving a boarder

Step 2

• Create another layer and name it header
• Take the Text Toll (T) and create a header using any font you want.
• Create another layer and name it text imput.
• Take the RectAngle toll (R) and create 2 text input areas (height 200px and weight 30px, triangle options of 7.8)
• Now place both text boxes and on top of each other, and  place a dynamic text field on top of each of them
• Change the Instance name to userTxt (for username), and passTxt(for password)
• Create another layer and name it text.
• On the right for each text input in the text layer, place the text USERNAME(top text input), and PASSWORD for the lower text input.
• Above the text input you will place a dynamic text field (message layer), (any message you want ) and change the Instance name to messageTxt.
• Create another layer above the text layer and name it button.
• Take the RectAngle toll (R) and create a square(80X 25) and place the text login in the center , convert it to movieclip simbol with the name login_btn.

Step 3

• Create keyframes for the second frame of the movie.
• We will only have the header, below the header will be a text field with a message, and below this another text box(telling people to remember to logout when they are done) to the right of the text box is another movieclip of a button, but this one has the text logout instead of login, and has an instance name of logout_btn.
• I also made the text white just to be a little differrent.

Step 4

Create the last layer and name it actionscript.

First we use the stop command, so the movie does not loop by default, then some button handling

• Now for the  log out, to send them back  to the login page. The logic here is when the button is clicked, send them back to the login page(frame 1).