Creating a full Flash Web site

posted: 04-01-06
author: PrimeVector
website: http://www.free-webmaster-resource.com
views: 380027
comments: 118
total pages: 8
page jump: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8

Check This Amazing Traffic Generating Widgetsl 4 Webmasters!

The Actionscript frame 5

Select frame 5 on the code layer and press F9 to open the Actionscript editor. The code you see below will create the navigation and the movement of the navigation buttons for the "tools" frame. Check the explanations from the previous page about the actionscript, because its almost the same. The only difference is that some of that code was not needed here and the navigation buttons move to a different position.

stop();
var speed:Number = 1;
var ease_type:String = "easeInOutBack";
homeNav.tween("_x",80,speed,ease_type,0);
homeNav.tween("_y",80,speed,ease_type,0);
toolsNav.tween("_x",165,speed,ease_type,0.1);
toolsNav.tween("_y",80,speed,ease_type,0.1);
linksNav.tween("_x",250,speed,ease_type,0.2);
linksNav.tween("_y",80,speed,ease_type,0.2);
contactNav.tween("_x",335,speed,ease_type,0.3);
contactNav.tween("_y",80,speed,ease_type,0.3);

The Actionscript frame 10

Select frame 10 on the code layer and press F9 to open the Actionscript editor. The code you see below will create the navigation and the movement of the navigation buttons for the "links" frame. Check the explanations from the previous page about the actionscript, because its almost the same. The only difference is that some of that code was not needed here and the navigation buttons move to a different position.

stop();
var speed:Number = 1;
var ease_type:String = "easeInOutBack";
homeNav.tween("_x",80,speed,ease_type,0);
homeNav.tween("_y",420,speed,ease_type,0);
toolsNav.tween("_x",165,speed,ease_type,0.1);
toolsNav.tween("_y",420,speed,ease_type,0.1);
linksNav.tween("_x",250,speed,ease_type,0.2);
linksNav.tween("_y",420,speed,ease_type,0.2);
contactNav.tween("_x",335,speed,ease_type,0.3);
contactNav.tween("_y",420,speed,ease_type,0.3);

The Actionscript frame 15

Select frame 15 on the code layer and press F9 to open the Actionscript editor. The code you see below will create the navigation and the movement of the navigation buttons for the "contact" frame. Check the explanations from the previous page about the actionscript, because its almost the same. The only difference is that some of that code was not needed here and the navigation buttons move to a different position.

stop();
var speed:Number = 1;
var ease_type:String = "easeInOutBack";
homeNav.tween("_x",570,speed,ease_type,0);
homeNav.tween("_y",85,speed,ease_type,0);
toolsNav.tween("_x",570,speed,ease_type,0.1);
toolsNav.tween("_y",170,speed,ease_type,0.1);
linksNav.tween("_x",570,speed,ease_type,0.2);
linksNav.tween("_y",255,speed,ease_type,0.2);
contactNav.tween("_x",570,speed,ease_type,0.3);
contactNav.tween("_y",340,speed,ease_type,0.3);

At this moment we have the navigation working :) You can see it in effect right below!

I really hope you could follow along with me upto this point! If you have any questions please don't be shy to drop them on my forum right here! On the next page we will create the tools page.

page jump: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8

Check This Amazing Traffic Generating Widgetsl 4 Webmasters!