13

Posted: December 8th, 2009    By: Devin Walker   

Flash EggI’ve been getting a lot of email lately from people asking about how I included buttons in the code for the fluid layout tutorial found here at Active Tut’s. I decided to just offer up my code in a package for those who want to modify it to suit their needs. Why? Because after much deliberation, I’m moving away from the all-Flash site for a blog/flash mix site (the one you’re on now). Let me know what you think and please come back to show me the sites you make!

Summary: Here’s all the information and resources you need in order to create a fluid Flash website.

The Active Tuts Tutorial by Makzan

I also included the ‘Whimsical’ animated background effect also found here at Active Tuts

If you don’t have the font I used download it here: Airstrip Four

Download My Fluid Website

Demo My Fluid Website

View My Brief Code Walkthrough:

Also: If you are particularly good with this and want to redistribute the code in an update package then let me know. There are bugs in my code and it’s not very ‘clean’ so if you do some work on it and want to share the wealth then by all means hit me up.

Disclaimer: I did not write this entire code. DLOCC claims no ownership over the Classes used, images and MP3s and other non-original elements of this package.

Don’t forget to leave a comment! :]

Related posts:

  1. WordPress Lavalamp Navigation Tutorial Lavalamp is an awesome jQuery plug-in that makes really cool effects for WordPress-based menus and navigation links, and as a bonus it is very lightweight. It can be a bit tricky to implement in WordPress, but after you read this tutorial hopefully you'll be implementing it with ease. Follow along and let's get your site's [...]...
  2. Apple iPad: No Flash Plugin Support Apple's largely hyped iPad will not support the Flash plugin on it's built-in Safari browser.  This means there will be no free Flash games, videos or music on the Apple iPad.  Instead, the Safari browser will show the missing plugin icon when an iPad user attempts to access a website that is Flash enabled. The [...]...
  3. Easy Flash CS4 Alpha Gradient Mask Logo Tutorial Gradient masks are useful for creating cool effects on logos and other flash objects. In this tutorial I will demonstrate a common way to outline or make text 'shimmer' in Flash CS4. Please note: I do use Photoshop CS4 to create the outline, but you can do this in Flash just as easy with the [...]...
  4. Flash Dropdown Menu ActionScript 3 Adobe Flash is great for making smooth dropdowns using masks and actionscript to programically tween in and out a menu movie clip.  This tutorial requires minor programming skill and at least Adobe Flash CS3 to complete.  Please let me know if you have any questions on it! Don't want to watch all this? Download the [...]...

13 Responses to 'Flash Fluid Website Template Tutorial and Download'

Subscribe to comments with RSS or TrackBack to 'Flash Fluid Website Template Tutorial and Download'.

  1. Your links are bad. Archive doesnt load, demo doesnt open.
    But i’ve seen your hosters mascot, who was eating some letter or smthng.
    Fix it please.

    anonymous

    7 Jan 10 at 12:12 pm

  2. Thanks for telling me, I’ve fixed them. Sorry bout’ that! Enjoy.

    Devin Walker

    7 Jan 10 at 12:27 pm

  3. Hey cool extension to the original tutorial! Nevertheless, I’m having difficulty going through your coding process when the original FLA document doesn’t open and I can’t take a closer look at your library! Why is that? I would love to be able to open the original FLA file! Otherwise nice coding!

    t.c

    19 Jan 10 at 10:05 am

  4. Hey there, what version of Flash are you using? I just tested and made sure I can open it with CS4, please make sure you have at least CS3+

    Devin Walker

    19 Jan 10 at 12:41 pm

  5. yes I’ve tried opening it in three different computers! All three of them have flash CS3….it keeps popping out “Failed to Open Document”….!!

    what do you think is the problem?

    t.c

    19 Jan 10 at 4:40 pm

  6. Hmm, I have to admit I have not opened it with CS3. You are downloading the Fluid.zip and unzipping all the contents correctly?

    Devin Walker

    19 Jan 10 at 6:37 pm

  7. hey!!! I’ve downloaded the trial version of Flash CS4 from adobe and it worked! I guess you do have to open it with CS4!

    The source file is great! Thanks for sharing!

    t.c

    19 Jan 10 at 8:41 pm

  8. hello..

    can you please save the .fla as a lower version (cs3) so we can open them with CS3?

    Much appreciated.

    digi

    digiman

    18 Mar 10 at 7:24 am

  9. hi, can someone please save these files from CS4 to CS3 and email to me?
    shanerein@gmail.com

    Cheers.

    digiman

    27 Mar 10 at 4:49 am

  10. 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-

    Ernie

    3 Apr 10 at 3:14 pm

  11. Hey thank you!!!It’s really cool and useful!

    Andrew

    8 Apr 10 at 10:11 am

  12. Yes you just need to change the coding of the x and y axis in the AS3

    Devin Walker

    8 Apr 10 at 10:27 am

  13. I cant unzip the files, it says they´re corrupted.
    please help!

    Luka

    5 May 10 at 12:54 pm

Leave a Reply