<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
		>
<channel>
	<title>Comments on: Flash Fluid Website Template Tutorial and Download</title>
	<atom:link href="http://www.dlocc.com/articles/flash-fluid-website-template-tutorial-and-download/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.dlocc.com/articles/flash-fluid-website-template-tutorial-and-download/</link>
	<description></description>
	<lastBuildDate>Tue, 07 Feb 2012 14:15:00 +0000</lastBuildDate>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
<xhtml:meta xmlns:xhtml="http://www.w3.org/1999/xhtml" name="robots" content="noindex" />
	<item>
		<title>By: Devin Walker</title>
		<link>http://www.dlocc.com/articles/flash-fluid-website-template-tutorial-and-download/comment-page-1/#comment-4128</link>
		<dc:creator>Devin Walker</dc:creator>
		<pubDate>Tue, 08 Feb 2011 17:48:32 +0000</pubDate>
		<guid isPermaLink="false">http://www.dlocc.com/articles/?p=837#comment-4128</guid>
		<description>Awesome, thanks for posting this!</description>
		<content:encoded><![CDATA[<p>Awesome, thanks for posting this!</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: KJoe</title>
		<link>http://www.dlocc.com/articles/flash-fluid-website-template-tutorial-and-download/comment-page-1/#comment-3947</link>
		<dc:creator>KJoe</dc:creator>
		<pubDate>Wed, 12 Jan 2011 12:55:44 +0000</pubDate>
		<guid isPermaLink="false">http://www.dlocc.com/articles/?p=837#comment-3947</guid>
		<description>Hi Devin, I posted this issue on a forum and have found out the issue. Apparently all the code is correct but the issue with the site not scaling straight away was probably due to the time factor. 

So now a timer of just 200miliseconds has been added and it works fine for me.

This is the amended code to be pasted into your actionscript file.

-----------------CODE GOES HERE--------------------

 

package

{

 

import flash.events.MouseEvent;

import fl.transitions.Tween;

import fl.transitions.TweenEvent;

import fl.transitions.easing.*;

import flash.display.*;

import FluidLayout.*;

import flash.events.Event;

import flash.net.URLLoader;

import flash.net.URLRequest;

import Classes.Lights;

import flash.utils.Timer;

import flash.events.TimerEvent;

 

public class Website extends MovieClip

{

 

 

public function Website()

{

this.addEventListener(Event.ADDED_TO_STAGE, init);

}

 

public function init(e:Event):void

{

/* Set the Scale Mode of the Stage */

stage.scaleMode = StageScaleMode.NO_SCALE;

stage.align = StageAlign.TOP_LEFT;

 

/* Add the symbols to stage */

var bg = new bgHome();

addChild(bg);

 

var menu = new Menu();

addChild(menu);

 

var title = new Title();

addChild(title);

 

var home = new Home();

addChild(home);

 

var subCategory = new homeCategory();

//addChild(subCategory);

 

var footer = new Footer();

addChild(footer);

 

var clock:Timer = new Timer(200,1);

clock.addEventListener(TimerEvent.TIMER, align);

clock.start();

 

 

var bgParam = {

x:0.5,

y:0.5,

offsetX: 0,

offsetY: 0

};

var titleParam = {

x:1,

y:0,

offsetX: -title.width + 10,

offsetY: 20

};

var menuParam = {

x:0,

y:0,

offsetX:10,

offsetY:20

};

var middleParam = {

x:0.5,

y:0.5,

offsetX: 0,

offsetY: 0

};

var leftParam = {

x:0.15,

y:0.5,

offsetX: 0,

offsetY: 0

 

};

var footerParam = {

x:0,

y:1,

offsetX: 0,

offsetY: 0

};

function align(e:TimerEvent)

{

/* Apply the alignment to the background */

new FluidObject(bg,bgParam);

 

/* Apply the alignment to the title */

new FluidObject(title,titleParam);

 

/* Apply simple alignment to the title */

/*var titleParam = {

alignment: &quot;TOP_LEFT&quot;,

margin: 0

}

new SimpleFluidObject(title,titleParam);*/

/* Apply the alignment to the menu */

 

new FluidObject(menu,menuParam);

 

/* Apply the alignment to the content */

new FluidObject(home,middleParam);

 

//new FluidObject(subCategory,leftParam);

 

/* Apply the alignment to the footer */

new FluidObject(footer,footerParam);

}

 

//buttons

eventListeners();//Turns on button event listeners

handCursors();//Turns on Hand Cursors at site launch

 

//remove home button event listeners since that&#039;s the default

menu.home_btn.removeEventListener(MouseEvent.MOUSE_OVER, btnOver);

menu.homeHit_mc.removeEventListener(MouseEvent.MOUSE_OVER, btnOver);

menu.home_btn.removeEventListener(MouseEvent.MOUSE_OUT, btnOut);

menu.homeHit_mc.removeEventListener(MouseEvent.MOUSE_OUT, btnOut);

menu.home_btn.removeEventListener(MouseEvent.CLICK, btnHome);

menu.homeHit_mc.removeEventListener(MouseEvent.CLICK, btnHome);

menu.home_btn.useHandCursor = false;//Turns off Hand Cursor for Home Button (that&#039;s the first page)

menu.homeHit_mc.useHandCursor = false;

 

currentButton = menu.home_btn;// the current Button variable (declared below) ensures the buttons flip back once another page is selected

 

menu.homeHit_mc.targetmc = menu.home_btn;// Creates the targetmc variable so the buttons can flip

menu.aboutHit_mc.targetmc = menu.about_btn;

menu.webHit_mc.targetmc = menu.web_btn;

menu.home_btn.targetmc = menu.home_btn;// Creates the targetmc variable so the buttons can flip

menu.about_btn.targetmc = menu.about_btn;

menu.web_btn.targetmc = menu.web_btn;

 

 

 

function eventListeners():void

{

menu.homeHit_mc.addEventListener(MouseEvent.MOUSE_OVER, btnOver);

menu.aboutHit_mc.addEventListener(MouseEvent.MOUSE_OVER, btnOver);

menu.webHit_mc.addEventListener(MouseEvent.MOUSE_OVER, btnOver);

 

menu.home_btn.addEventListener(MouseEvent.MOUSE_OVER, btnOver);

menu.about_btn.addEventListener(MouseEvent.MOUSE_OVER, btnOver);

menu.web_btn.addEventListener(MouseEvent.MOUSE_OVER, btnOver);

 

menu.homeHit_mc.addEventListener(MouseEvent.MOUSE_OUT, btnOut);

menu.aboutHit_mc.addEventListener(MouseEvent.MOUSE_OUT, btnOut);

menu.webHit_mc.addEventListener(MouseEvent.MOUSE_OUT, btnOut);

 

menu.home_btn.addEventListener(MouseEvent.MOUSE_OUT, btnOut);

menu.about_btn.addEventListener(MouseEvent.MOUSE_OUT, btnOut);

menu.web_btn.addEventListener(MouseEvent.MOUSE_OUT, btnOut);

 

menu.homeHit_mc.addEventListener(MouseEvent.CLICK, btnHome);

menu.aboutHit_mc.addEventListener(MouseEvent.CLICK, btnAbout);

menu.webHit_mc.addEventListener(MouseEvent.CLICK, btnWeb);

 

menu.home_btn.addEventListener(MouseEvent.CLICK, btnHome);

menu.about_btn.addEventListener(MouseEvent.CLICK, btnAbout);

menu.web_btn.addEventListener(MouseEvent.CLICK, btnWeb);

}

 

function handCursors():void

{

menu.home_btn.buttonMode = true;// Must turn movieclips on buttonMode

menu.homeHit_mc.buttonMode = true;

menu.about_btn.buttonMode = true;

menu.aboutHit_mc.buttonMode = true;

menu.web_btn.buttonMode = true;

menu.webHit_mc.buttonMode = true;

 

menu.home_btn.useHandCursor = true;

menu.homeHit_mc.useHandCursor = true;

menu.about_btn.useHandCursor = true;

menu.aboutHit_mc.useHandCursor = true;

menu.web_btn.useHandCursor = true;

menu.webHit_mc.useHandCursor = true;

 

}

 

function btnOver(e:MouseEvent):void

{

e.currentTarget.targetmc.gotoAndPlay(&quot;over&quot;);

}

 

function btnOut(e:MouseEvent):void

{

e.currentTarget.targetmc.gotoAndPlay(&quot;out&quot;);

}

 

//-----------PAGE FUNCTIONS ------------ \\;

 

var exitTween:Tween;

var bgTween:Tween;

var currentBg:MovieClip = bg;

var prevBg:MovieClip;

var prevPage:MovieClip;

var currentPage:MovieClip = home;

var currentButton:MovieClip;

 

 

function btnHome(e:MouseEvent):void

{

 

e.currentTarget.targetmc.gotoAndPlay(&quot;click&quot;);

 

exitTween = new Tween(currentPage,&quot;x&quot;,Strong.easeInOut,currentPage.x,currentPage.x + 1000,30,false);//animate off old page

prevPage = currentPage;

currentPage = new Home();

addChildAt(currentPage, 4);//adds the about  page to the stage

exitTween.addEventListener(TweenEvent.MOTION_STOP, animateOn);

currentPage.x = stage.stageWidth / 2 - 1000;

currentPage.y = stage.stageHeight / 2;

 

 

 

bgTween = new Tween(currentBg,&quot;alpha&quot;,Regular.easeOut,1,0,30,false);// This calls on the bgTween variable and fades oyt the currentBg

prevBg = currentBg;

currentBg = new bgHome();

bgTween.addEventListener(TweenEvent.MOTION_FINISH, bgOn);

addChildAt(currentBg,0);

currentBg.x = stage.stageWidth / 2;

currentBg.y = stage.stageHeight / 2;

 

eventListeners();

menu.homeHit_mc.removeEventListener(MouseEvent.MOUSE_OUT, btnOut);

menu.homeHit_mc.removeEventListener(MouseEvent.CLICK, btnHome);

menu.homeHit_mc.removeEventListener(MouseEvent.MOUSE_OVER, btnOver);

menu.home_btn.removeEventListener(MouseEvent.MOUSE_OUT, btnOut);

//Disable Mouse Out functionality;

menu.home_btn.removeEventListener(MouseEvent.CLICK, btnHome);

//Disable Mouse Click functionality;

menu.home_btn.removeEventListener(MouseEvent.MOUSE_OVER, btnOver);

handCursors();

menu.homeHit_mc.useHandCursor = false;

menu.home_btn.useHandCursor = false;

btnFlip();

currentButton = menu.home_btn;

}

 

function btnAbout(e:MouseEvent):void

{

e.currentTarget.targetmc.gotoAndPlay(&quot;click&quot;);

 

exitTween = new Tween(currentPage,&quot;x&quot;,Strong.easeInOut,currentPage.x,currentPage.x + 1000,30,false);//animate off old page

prevPage = currentPage;

currentPage = new About();

addChildAt(currentPage, 4);//adds the about  page to the stage

exitTween.addEventListener(TweenEvent.MOTION_FINISH, animateOn);

currentPage.x = stage.stageWidth / 2 - 1000;

currentPage.y = stage.stageHeight / 2;

 

bgTween = new Tween(currentBg,&quot;alpha&quot;,Regular.easeOut,1,0,30,false);// This calls on the bgTween variable and fades oyt the currentBg

prevBg = currentBg;

currentBg = new bgAbout();

bgTween.addEventListener(TweenEvent.MOTION_FINISH, bgOn);

addChildAt(currentBg,0);

currentBg.x = stage.stageWidth / 2;

currentBg.y = stage.stageHeight / 2;

 

eventListeners();

menu.aboutHit_mc.removeEventListener(MouseEvent.MOUSE_OUT, btnOut);

menu.aboutHit_mc.removeEventListener(MouseEvent.CLICK, btnAbout);

menu.aboutHit_mc.removeEventListener(MouseEvent.MOUSE_OVER, btnOver);

menu.about_btn.removeEventListener(MouseEvent.MOUSE_OUT, btnOut);

//Disable Mouse Out functionality;

menu.about_btn.removeEventListener(MouseEvent.CLICK, btnAbout);

//Disable Mouse Out functionality;

menu.about_btn.removeEventListener(MouseEvent.MOUSE_OVER, btnOver);

handCursors();

menu.aboutHit_mc.useHandCursor = false;

menu.about_btn.useHandCursor = false;

btnFlip();

currentButton = menu.about_btn;

}

 

 

function btnWeb(e:MouseEvent):void

{

e.currentTarget.targetmc.gotoAndPlay(&quot;click&quot;);

 

exitTween = new Tween(currentPage,&quot;x&quot;,Strong.easeInOut,currentPage.x,currentPage.x + 1000,30,false);//animate off old page

prevPage = currentPage;

currentPage = new Web();

addChildAt(currentPage, 4);//adds the about  page to the stage

exitTween.addEventListener(TweenEvent.MOTION_FINISH, animateOn);

currentPage.x = stage.stageWidth / 2 - 1000;

currentPage.y = stage.stageHeight / 2;

 

bgTween = new Tween(currentBg,&quot;alpha&quot;,Regular.easeOut,1,0,30,false);// This calls on the bgTween variable and fades oyt the currentBg

prevBg = currentBg;

currentBg = new bgWeb();

bgTween.addEventListener(TweenEvent.MOTION_FINISH, bgOn);

addChildAt(currentBg,0);

currentBg.x = stage.stageWidth / 2;

currentBg.y = stage.stageHeight / 2;

 

eventListeners();

menu.webHit_mc.removeEventListener(MouseEvent.MOUSE_OUT, btnOut);

menu.webHit_mc.removeEventListener(MouseEvent.CLICK, btnWeb);

menu.webHit_mc.removeEventListener(MouseEvent.MOUSE_OVER, btnOver);

menu.web_btn.removeEventListener(MouseEvent.MOUSE_OUT, btnOut);

//Disable Mouse Out functionality;

menu.web_btn.removeEventListener(MouseEvent.CLICK, btnWeb);

//Disable Mouse Out functionality;

menu.web_btn.removeEventListener(MouseEvent.MOUSE_OVER, btnOver);

handCursors();

menu.webHit_mc.useHandCursor = false;

menu.web_btn.useHandCursor = false;

btnFlip();

currentButton = menu.web_btn;

}

 

function animateOn(e:TweenEvent):void

{

new FluidObject(currentPage,middleParam);

removeChild(prevPage);

}

 

function bgOn(e:TweenEvent):void

{

new FluidObject(currentBg,bgParam);

removeChild(prevBg);

}

 

function btnFlip():void

{

currentButton.gotoAndPlay(&quot;out&quot;);

}

}

}

}</description>
		<content:encoded><![CDATA[<p>Hi Devin, I posted this issue on a forum and have found out the issue. Apparently all the code is correct but the issue with the site not scaling straight away was probably due to the time factor. </p>
<p>So now a timer of just 200miliseconds has been added and it works fine for me.</p>
<p>This is the amended code to be pasted into your actionscript file.</p>
<p>&#8212;&#8212;&#8212;&#8212;&#8212;&#8211;CODE GOES HERE&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8211;</p>
<p>package</p>
<p>{</p>
<p>import flash.events.MouseEvent;</p>
<p>import fl.transitions.Tween;</p>
<p>import fl.transitions.TweenEvent;</p>
<p>import fl.transitions.easing.*;</p>
<p>import flash.display.*;</p>
<p>import FluidLayout.*;</p>
<p>import flash.events.Event;</p>
<p>import flash.net.URLLoader;</p>
<p>import flash.net.URLRequest;</p>
<p>import Classes.Lights;</p>
<p>import flash.utils.Timer;</p>
<p>import flash.events.TimerEvent;</p>
<p>public class Website extends MovieClip</p>
<p>{</p>
<p>public function Website()</p>
<p>{</p>
<p>this.addEventListener(Event.ADDED_TO_STAGE, init);</p>
<p>}</p>
<p>public function init(e:Event):void</p>
<p>{</p>
<p>/* Set the Scale Mode of the Stage */</p>
<p>stage.scaleMode = StageScaleMode.NO_SCALE;</p>
<p>stage.align = StageAlign.TOP_LEFT;</p>
<p>/* Add the symbols to stage */</p>
<p>var bg = new bgHome();</p>
<p>addChild(bg);</p>
<p>var menu = new Menu();</p>
<p>addChild(menu);</p>
<p>var title = new Title();</p>
<p>addChild(title);</p>
<p>var home = new Home();</p>
<p>addChild(home);</p>
<p>var subCategory = new homeCategory();</p>
<p>//addChild(subCategory);</p>
<p>var footer = new Footer();</p>
<p>addChild(footer);</p>
<p>var clock:Timer = new Timer(200,1);</p>
<p>clock.addEventListener(TimerEvent.TIMER, align);</p>
<p>clock.start();</p>
<p>var bgParam = {</p>
<p>x:0.5,</p>
<p>y:0.5,</p>
<p>offsetX: 0,</p>
<p>offsetY: 0</p>
<p>};</p>
<p>var titleParam = {</p>
<p>x:1,</p>
<p>y:0,</p>
<p>offsetX: -title.width + 10,</p>
<p>offsetY: 20</p>
<p>};</p>
<p>var menuParam = {</p>
<p>x:0,</p>
<p>y:0,</p>
<p>offsetX:10,</p>
<p>offsetY:20</p>
<p>};</p>
<p>var middleParam = {</p>
<p>x:0.5,</p>
<p>y:0.5,</p>
<p>offsetX: 0,</p>
<p>offsetY: 0</p>
<p>};</p>
<p>var leftParam = {</p>
<p>x:0.15,</p>
<p>y:0.5,</p>
<p>offsetX: 0,</p>
<p>offsetY: 0</p>
<p>};</p>
<p>var footerParam = {</p>
<p>x:0,</p>
<p>y:1,</p>
<p>offsetX: 0,</p>
<p>offsetY: 0</p>
<p>};</p>
<p>function align(e:TimerEvent)</p>
<p>{</p>
<p>/* Apply the alignment to the background */</p>
<p>new FluidObject(bg,bgParam);</p>
<p>/* Apply the alignment to the title */</p>
<p>new FluidObject(title,titleParam);</p>
<p>/* Apply simple alignment to the title */</p>
<p>/*var titleParam = {</p>
<p>alignment: &#8220;TOP_LEFT&#8221;,</p>
<p>margin: 0</p>
<p>}</p>
<p>new SimpleFluidObject(title,titleParam);*/</p>
<p>/* Apply the alignment to the menu */</p>
<p>new FluidObject(menu,menuParam);</p>
<p>/* Apply the alignment to the content */</p>
<p>new FluidObject(home,middleParam);</p>
<p>//new FluidObject(subCategory,leftParam);</p>
<p>/* Apply the alignment to the footer */</p>
<p>new FluidObject(footer,footerParam);</p>
<p>}</p>
<p>//buttons</p>
<p>eventListeners();//Turns on button event listeners</p>
<p>handCursors();//Turns on Hand Cursors at site launch</p>
<p>//remove home button event listeners since that&#8217;s the default</p>
<p>menu.home_btn.removeEventListener(MouseEvent.MOUSE_OVER, btnOver);</p>
<p>menu.homeHit_mc.removeEventListener(MouseEvent.MOUSE_OVER, btnOver);</p>
<p>menu.home_btn.removeEventListener(MouseEvent.MOUSE_OUT, btnOut);</p>
<p>menu.homeHit_mc.removeEventListener(MouseEvent.MOUSE_OUT, btnOut);</p>
<p>menu.home_btn.removeEventListener(MouseEvent.CLICK, btnHome);</p>
<p>menu.homeHit_mc.removeEventListener(MouseEvent.CLICK, btnHome);</p>
<p>menu.home_btn.useHandCursor = false;//Turns off Hand Cursor for Home Button (that&#8217;s the first page)</p>
<p>menu.homeHit_mc.useHandCursor = false;</p>
<p>currentButton = menu.home_btn;// the current Button variable (declared below) ensures the buttons flip back once another page is selected</p>
<p>menu.homeHit_mc.targetmc = menu.home_btn;// Creates the targetmc variable so the buttons can flip</p>
<p>menu.aboutHit_mc.targetmc = menu.about_btn;</p>
<p>menu.webHit_mc.targetmc = menu.web_btn;</p>
<p>menu.home_btn.targetmc = menu.home_btn;// Creates the targetmc variable so the buttons can flip</p>
<p>menu.about_btn.targetmc = menu.about_btn;</p>
<p>menu.web_btn.targetmc = menu.web_btn;</p>
<p>function eventListeners():void</p>
<p>{</p>
<p>menu.homeHit_mc.addEventListener(MouseEvent.MOUSE_OVER, btnOver);</p>
<p>menu.aboutHit_mc.addEventListener(MouseEvent.MOUSE_OVER, btnOver);</p>
<p>menu.webHit_mc.addEventListener(MouseEvent.MOUSE_OVER, btnOver);</p>
<p>menu.home_btn.addEventListener(MouseEvent.MOUSE_OVER, btnOver);</p>
<p>menu.about_btn.addEventListener(MouseEvent.MOUSE_OVER, btnOver);</p>
<p>menu.web_btn.addEventListener(MouseEvent.MOUSE_OVER, btnOver);</p>
<p>menu.homeHit_mc.addEventListener(MouseEvent.MOUSE_OUT, btnOut);</p>
<p>menu.aboutHit_mc.addEventListener(MouseEvent.MOUSE_OUT, btnOut);</p>
<p>menu.webHit_mc.addEventListener(MouseEvent.MOUSE_OUT, btnOut);</p>
<p>menu.home_btn.addEventListener(MouseEvent.MOUSE_OUT, btnOut);</p>
<p>menu.about_btn.addEventListener(MouseEvent.MOUSE_OUT, btnOut);</p>
<p>menu.web_btn.addEventListener(MouseEvent.MOUSE_OUT, btnOut);</p>
<p>menu.homeHit_mc.addEventListener(MouseEvent.CLICK, btnHome);</p>
<p>menu.aboutHit_mc.addEventListener(MouseEvent.CLICK, btnAbout);</p>
<p>menu.webHit_mc.addEventListener(MouseEvent.CLICK, btnWeb);</p>
<p>menu.home_btn.addEventListener(MouseEvent.CLICK, btnHome);</p>
<p>menu.about_btn.addEventListener(MouseEvent.CLICK, btnAbout);</p>
<p>menu.web_btn.addEventListener(MouseEvent.CLICK, btnWeb);</p>
<p>}</p>
<p>function handCursors():void</p>
<p>{</p>
<p>menu.home_btn.buttonMode = true;// Must turn movieclips on buttonMode</p>
<p>menu.homeHit_mc.buttonMode = true;</p>
<p>menu.about_btn.buttonMode = true;</p>
<p>menu.aboutHit_mc.buttonMode = true;</p>
<p>menu.web_btn.buttonMode = true;</p>
<p>menu.webHit_mc.buttonMode = true;</p>
<p>menu.home_btn.useHandCursor = true;</p>
<p>menu.homeHit_mc.useHandCursor = true;</p>
<p>menu.about_btn.useHandCursor = true;</p>
<p>menu.aboutHit_mc.useHandCursor = true;</p>
<p>menu.web_btn.useHandCursor = true;</p>
<p>menu.webHit_mc.useHandCursor = true;</p>
<p>}</p>
<p>function btnOver(e:MouseEvent):void</p>
<p>{</p>
<p>e.currentTarget.targetmc.gotoAndPlay(&#8220;over&#8221;);</p>
<p>}</p>
<p>function btnOut(e:MouseEvent):void</p>
<p>{</p>
<p>e.currentTarget.targetmc.gotoAndPlay(&#8220;out&#8221;);</p>
<p>}</p>
<p>//&#8212;&#8212;&#8212;&#8211;PAGE FUNCTIONS &#8212;&#8212;&#8212;&#8212; \\;</p>
<p>var exitTween:Tween;</p>
<p>var bgTween:Tween;</p>
<p>var currentBg:MovieClip = bg;</p>
<p>var prevBg:MovieClip;</p>
<p>var prevPage:MovieClip;</p>
<p>var currentPage:MovieClip = home;</p>
<p>var currentButton:MovieClip;</p>
<p>function btnHome(e:MouseEvent):void</p>
<p>{</p>
<p>e.currentTarget.targetmc.gotoAndPlay(&#8220;click&#8221;);</p>
<p>exitTween = new Tween(currentPage,&#8221;x&#8221;,Strong.easeInOut,currentPage.x,currentPage.x + 1000,30,false);//animate off old page</p>
<p>prevPage = currentPage;</p>
<p>currentPage = new Home();</p>
<p>addChildAt(currentPage, 4);//adds the about  page to the stage</p>
<p>exitTween.addEventListener(TweenEvent.MOTION_STOP, animateOn);</p>
<p>currentPage.x = stage.stageWidth / 2 &#8211; 1000;</p>
<p>currentPage.y = stage.stageHeight / 2;</p>
<p>bgTween = new Tween(currentBg,&#8221;alpha&#8221;,Regular.easeOut,1,0,30,false);// This calls on the bgTween variable and fades oyt the currentBg</p>
<p>prevBg = currentBg;</p>
<p>currentBg = new bgHome();</p>
<p>bgTween.addEventListener(TweenEvent.MOTION_FINISH, bgOn);</p>
<p>addChildAt(currentBg,0);</p>
<p>currentBg.x = stage.stageWidth / 2;</p>
<p>currentBg.y = stage.stageHeight / 2;</p>
<p>eventListeners();</p>
<p>menu.homeHit_mc.removeEventListener(MouseEvent.MOUSE_OUT, btnOut);</p>
<p>menu.homeHit_mc.removeEventListener(MouseEvent.CLICK, btnHome);</p>
<p>menu.homeHit_mc.removeEventListener(MouseEvent.MOUSE_OVER, btnOver);</p>
<p>menu.home_btn.removeEventListener(MouseEvent.MOUSE_OUT, btnOut);</p>
<p>//Disable Mouse Out functionality;</p>
<p>menu.home_btn.removeEventListener(MouseEvent.CLICK, btnHome);</p>
<p>//Disable Mouse Click functionality;</p>
<p>menu.home_btn.removeEventListener(MouseEvent.MOUSE_OVER, btnOver);</p>
<p>handCursors();</p>
<p>menu.homeHit_mc.useHandCursor = false;</p>
<p>menu.home_btn.useHandCursor = false;</p>
<p>btnFlip();</p>
<p>currentButton = menu.home_btn;</p>
<p>}</p>
<p>function btnAbout(e:MouseEvent):void</p>
<p>{</p>
<p>e.currentTarget.targetmc.gotoAndPlay(&#8220;click&#8221;);</p>
<p>exitTween = new Tween(currentPage,&#8221;x&#8221;,Strong.easeInOut,currentPage.x,currentPage.x + 1000,30,false);//animate off old page</p>
<p>prevPage = currentPage;</p>
<p>currentPage = new About();</p>
<p>addChildAt(currentPage, 4);//adds the about  page to the stage</p>
<p>exitTween.addEventListener(TweenEvent.MOTION_FINISH, animateOn);</p>
<p>currentPage.x = stage.stageWidth / 2 &#8211; 1000;</p>
<p>currentPage.y = stage.stageHeight / 2;</p>
<p>bgTween = new Tween(currentBg,&#8221;alpha&#8221;,Regular.easeOut,1,0,30,false);// This calls on the bgTween variable and fades oyt the currentBg</p>
<p>prevBg = currentBg;</p>
<p>currentBg = new bgAbout();</p>
<p>bgTween.addEventListener(TweenEvent.MOTION_FINISH, bgOn);</p>
<p>addChildAt(currentBg,0);</p>
<p>currentBg.x = stage.stageWidth / 2;</p>
<p>currentBg.y = stage.stageHeight / 2;</p>
<p>eventListeners();</p>
<p>menu.aboutHit_mc.removeEventListener(MouseEvent.MOUSE_OUT, btnOut);</p>
<p>menu.aboutHit_mc.removeEventListener(MouseEvent.CLICK, btnAbout);</p>
<p>menu.aboutHit_mc.removeEventListener(MouseEvent.MOUSE_OVER, btnOver);</p>
<p>menu.about_btn.removeEventListener(MouseEvent.MOUSE_OUT, btnOut);</p>
<p>//Disable Mouse Out functionality;</p>
<p>menu.about_btn.removeEventListener(MouseEvent.CLICK, btnAbout);</p>
<p>//Disable Mouse Out functionality;</p>
<p>menu.about_btn.removeEventListener(MouseEvent.MOUSE_OVER, btnOver);</p>
<p>handCursors();</p>
<p>menu.aboutHit_mc.useHandCursor = false;</p>
<p>menu.about_btn.useHandCursor = false;</p>
<p>btnFlip();</p>
<p>currentButton = menu.about_btn;</p>
<p>}</p>
<p>function btnWeb(e:MouseEvent):void</p>
<p>{</p>
<p>e.currentTarget.targetmc.gotoAndPlay(&#8220;click&#8221;);</p>
<p>exitTween = new Tween(currentPage,&#8221;x&#8221;,Strong.easeInOut,currentPage.x,currentPage.x + 1000,30,false);//animate off old page</p>
<p>prevPage = currentPage;</p>
<p>currentPage = new Web();</p>
<p>addChildAt(currentPage, 4);//adds the about  page to the stage</p>
<p>exitTween.addEventListener(TweenEvent.MOTION_FINISH, animateOn);</p>
<p>currentPage.x = stage.stageWidth / 2 &#8211; 1000;</p>
<p>currentPage.y = stage.stageHeight / 2;</p>
<p>bgTween = new Tween(currentBg,&#8221;alpha&#8221;,Regular.easeOut,1,0,30,false);// This calls on the bgTween variable and fades oyt the currentBg</p>
<p>prevBg = currentBg;</p>
<p>currentBg = new bgWeb();</p>
<p>bgTween.addEventListener(TweenEvent.MOTION_FINISH, bgOn);</p>
<p>addChildAt(currentBg,0);</p>
<p>currentBg.x = stage.stageWidth / 2;</p>
<p>currentBg.y = stage.stageHeight / 2;</p>
<p>eventListeners();</p>
<p>menu.webHit_mc.removeEventListener(MouseEvent.MOUSE_OUT, btnOut);</p>
<p>menu.webHit_mc.removeEventListener(MouseEvent.CLICK, btnWeb);</p>
<p>menu.webHit_mc.removeEventListener(MouseEvent.MOUSE_OVER, btnOver);</p>
<p>menu.web_btn.removeEventListener(MouseEvent.MOUSE_OUT, btnOut);</p>
<p>//Disable Mouse Out functionality;</p>
<p>menu.web_btn.removeEventListener(MouseEvent.CLICK, btnWeb);</p>
<p>//Disable Mouse Out functionality;</p>
<p>menu.web_btn.removeEventListener(MouseEvent.MOUSE_OVER, btnOver);</p>
<p>handCursors();</p>
<p>menu.webHit_mc.useHandCursor = false;</p>
<p>menu.web_btn.useHandCursor = false;</p>
<p>btnFlip();</p>
<p>currentButton = menu.web_btn;</p>
<p>}</p>
<p>function animateOn(e:TweenEvent):void</p>
<p>{</p>
<p>new FluidObject(currentPage,middleParam);</p>
<p>removeChild(prevPage);</p>
<p>}</p>
<p>function bgOn(e:TweenEvent):void</p>
<p>{</p>
<p>new FluidObject(currentBg,bgParam);</p>
<p>removeChild(prevBg);</p>
<p>}</p>
<p>function btnFlip():void</p>
<p>{</p>
<p>currentButton.gotoAndPlay(&#8220;out&#8221;);</p>
<p>}</p>
<p>}</p>
<p>}</p>
<p>}</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Devin Walker</title>
		<link>http://www.dlocc.com/articles/flash-fluid-website-template-tutorial-and-download/comment-page-1/#comment-3916</link>
		<dc:creator>Devin Walker</dc:creator>
		<pubDate>Sat, 08 Jan 2011 19:28:17 +0000</pubDate>
		<guid isPermaLink="false">http://www.dlocc.com/articles/?p=837#comment-3916</guid>
		<description>Yeah, the file is kinda old now and I have not updated it in about a year... sorry about that but I just dont have time to support this anymore.  If you figure it out, please let me know and I will update the file on the site.

Thanks!</description>
		<content:encoded><![CDATA[<p>Yeah, the file is kinda old now and I have not updated it in about a year&#8230; sorry about that but I just dont have time to support this anymore.  If you figure it out, please let me know and I will update the file on the site.</p>
<p>Thanks!</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: KJoe</title>
		<link>http://www.dlocc.com/articles/flash-fluid-website-template-tutorial-and-download/comment-page-1/#comment-3911</link>
		<dc:creator>KJoe</dc:creator>
		<pubDate>Sat, 08 Jan 2011 11:34:22 +0000</pubDate>
		<guid isPermaLink="false">http://www.dlocc.com/articles/?p=837#comment-3911</guid>
		<description>When I upload the files everything loads squashed into the top left hand corner, only when I click on the green browser button does the site open correctly to fill the browser window. Has anyone else had this issue and how can I resolve it? Is there something in the actionscript file which needs to be removed??

Otherwise, a great set of source files and really helpful as template to work with.</description>
		<content:encoded><![CDATA[<p>When I upload the files everything loads squashed into the top left hand corner, only when I click on the green browser button does the site open correctly to fill the browser window. Has anyone else had this issue and how can I resolve it? Is there something in the actionscript file which needs to be removed??</p>
<p>Otherwise, a great set of source files and really helpful as template to work with.</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Kraig</title>
		<link>http://www.dlocc.com/articles/flash-fluid-website-template-tutorial-and-download/comment-page-1/#comment-3516</link>
		<dc:creator>Kraig</dc:creator>
		<pubDate>Tue, 19 Oct 2010 15:20:20 +0000</pubDate>
		<guid isPermaLink="false">http://www.dlocc.com/articles/?p=837#comment-3516</guid>
		<description>I can,t figure out how to load &amp; unload a movieclip with a Button (LOGO BUTTON IMAGE ON THE PLANE) within my Main MC using Mouse_OVER &amp; Mouse_OUT. I would like to load the MC at bottom center of my fluid layout that Tweens upward from the footer. A similar effect I have for the Right side Sub Menu. I guess I need to figure out how to Target the MC? 

Here is my Dev Site:

http://www.hmconlinedev.info/bluesky/index.html

Any suggestions would be great!</description>
		<content:encoded><![CDATA[<p>I can,t figure out how to load &amp; unload a movieclip with a Button (LOGO BUTTON IMAGE ON THE PLANE) within my Main MC using Mouse_OVER &amp; Mouse_OUT. I would like to load the MC at bottom center of my fluid layout that Tweens upward from the footer. A similar effect I have for the Right side Sub Menu. I guess I need to figure out how to Target the MC? </p>
<p>Here is my Dev Site:</p>
<p><a href="http://www.hmconlinedev.info/bluesky/index.html" rel="nofollow">http://www.hmconlinedev.info/bluesky/index.html</a></p>
<p>Any suggestions would be great!</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Jeff</title>
		<link>http://www.dlocc.com/articles/flash-fluid-website-template-tutorial-and-download/comment-page-1/#comment-3135</link>
		<dc:creator>Jeff</dc:creator>
		<pubDate>Sat, 11 Sep 2010 16:24:10 +0000</pubDate>
		<guid isPermaLink="false">http://www.dlocc.com/articles/?p=837#comment-3135</guid>
		<description>Thanks Devin.  Great add to the original tutorial.  I&#039;m still quite new to AS3 and trying to figure out how to add the functionality to have some scrolling (preferably in the browser) functionality.  There are probably some direct conflicts with this and the existing code but thought maybe there was a way that you could think of.  It would really be a great addition.  Primarily I want to load other swf files into the site which will be larger than the screen and I want the user to be able to scroll down.  Currently if content in the &quot;middle&quot; is too large its un-viewable due to the fluid design.  Any thoughts?? 
Thanks again.</description>
		<content:encoded><![CDATA[<p>Thanks Devin.  Great add to the original tutorial.  I&#8217;m still quite new to AS3 and trying to figure out how to add the functionality to have some scrolling (preferably in the browser) functionality.  There are probably some direct conflicts with this and the existing code but thought maybe there was a way that you could think of.  It would really be a great addition.  Primarily I want to load other swf files into the site which will be larger than the screen and I want the user to be able to scroll down.  Currently if content in the &#8220;middle&#8221; is too large its un-viewable due to the fluid design.  Any thoughts??<br />
Thanks again.</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Luka</title>
		<link>http://www.dlocc.com/articles/flash-fluid-website-template-tutorial-and-download/comment-page-1/#comment-1492</link>
		<dc:creator>Luka</dc:creator>
		<pubDate>Wed, 05 May 2010 17:54:04 +0000</pubDate>
		<guid isPermaLink="false">http://www.dlocc.com/articles/?p=837#comment-1492</guid>
		<description>I cant unzip the files, it says they´re corrupted.
please help!</description>
		<content:encoded><![CDATA[<p>I cant unzip the files, it says they´re corrupted.<br />
please help!</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Devin Walker</title>
		<link>http://www.dlocc.com/articles/flash-fluid-website-template-tutorial-and-download/comment-page-1/#comment-1288</link>
		<dc:creator>Devin Walker</dc:creator>
		<pubDate>Thu, 08 Apr 2010 15:27:58 +0000</pubDate>
		<guid isPermaLink="false">http://www.dlocc.com/articles/?p=837#comment-1288</guid>
		<description>Yes you just need to change the coding of the x and y axis in the AS3</description>
		<content:encoded><![CDATA[<p>Yes you just need to change the coding of the x and y axis in the AS3</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Andrew</title>
		<link>http://www.dlocc.com/articles/flash-fluid-website-template-tutorial-and-download/comment-page-1/#comment-1287</link>
		<dc:creator>Andrew</dc:creator>
		<pubDate>Thu, 08 Apr 2010 15:11:05 +0000</pubDate>
		<guid isPermaLink="false">http://www.dlocc.com/articles/?p=837#comment-1287</guid>
		<description>Hey thank you!!!It&#039;s really cool and useful!</description>
		<content:encoded><![CDATA[<p>Hey thank you!!!It&#8217;s really cool and useful!</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Ernie</title>
		<link>http://www.dlocc.com/articles/flash-fluid-website-template-tutorial-and-download/comment-page-1/#comment-1247</link>
		<dc:creator>Ernie</dc:creator>
		<pubDate>Sat, 03 Apr 2010 20:14:43 +0000</pubDate>
		<guid isPermaLink="false">http://www.dlocc.com/articles/?p=837#comment-1247</guid>
		<description>Thanks so much!!!

Makes more senses to me now.

One thing, how can I get the elements to come in through say some from the bottom and some from the right and left instead of all of them coming it from the top left when the page loads up? 

I got you on my RSS and Favorites THANKS!

Ernie-</description>
		<content:encoded><![CDATA[<p>Thanks so much!!!</p>
<p>Makes more senses to me now.</p>
<p>One thing, how can I get the elements to come in through say some from the bottom and some from the right and left instead of all of them coming it from the top left when the page loads up? </p>
<p>I got you on my RSS and Favorites THANKS!</p>
<p>Ernie-</p>
]]></content:encoded>
	</item>
</channel>
</rss>

