PSForce.com :: A Modular Flash Site
PhotoshopForce.com
PhotoshopForce.com home tutorials forums downloads contact-us PhotoshopForce.com
PhotoshopForce.com
Tool Tip Tutorial Tornado Effect Gradient Map Tool Seamless Repeating Tile Background Fresh Tutorials:
Last Update: 2.14.2007
Online: 39 Users
Adverts
VidPit.com - Funny, Cool and Sexy videos!
PhotoshopForce.com
Log in to check your private messages
Memberlist Register Log in
A Modular Flash Site
Post new topic   Reply to topic    PSForce.com Forum Index » Site Check
Author Message
Jeff
Mod


Joined: 23 Jan, 07:17
Posts: 765

PostPosted: 27 Jun, 05:44    Post subject: A Modular Flash Site

Reply with quote


Here is another nugget l found while digging through my goodies. This fully modular flash template features externally loaded CSS, text, images and sound to optimize and make updating easy.

I had initially created this template for a photographer that had contacted me to have a site built. Ultimately she went for something a little "less" flashy ... heh.

I got the inspiration for this layout when my girlfriend's bean vines overtook our entire back porch in a couple weeks flat. (long story)

The template also includes a very unique "gimmick" but that's a surprise l won't spoil until you check it out:
[link]
...
Back to top
Murdernickle
Mod


Joined: 14 May, 06:02
Posts: 337
Location: Pennsylvania, USA

PostPosted: 27 Jun, 06:43    Post subject:

Reply with quote


lol very cool layout... i wish i could figure crap like that out...i'm NOOOO good with flash and websites together... i just can't get the hang of it...
...
Back to top
PeterV
PSForce TopDog


Joined: 03 Jun, 06:37
Posts: 146
Location: Lowell, MA

PostPosted: 27 Jun, 07:25    Post subject:

Reply with quote


That's very nice and I suspect the surprise was "hi there"..is that correct?

Jeff, are the rollovers created in Flash? I need to teach myself that app.. X gave me a nice link to get my feet wet and will have to put some time into it.

I just went back to the link and I could hear something coming out of my headphones and realized that the sounds were from the roolovers and they sounded like camera clicks, very nice touch.

Pete
...
Back to top
BluI
Member


Joined: 21 May, 09:33
Posts: 62

PostPosted: 27 Jun, 08:15    Post subject:

Reply with quote


Great site I so need to learn css and how to load txt and images /sounds externally Im killer with flash and I have to admit site I do are pretty easy on band with but Id love to even reduce them down more. Any info on combining the elements you did on that site?
...
Back to top
Jeff
Mod


Joined: 23 Jan, 07:17
Posts: 765

PostPosted: 27 Jun, 11:13    Post subject:

Reply with quote


Murdernickle wrote:
lol very cool layout... i wish i could figure crap like that out...i'm NOOOO good with flash and websites together... i just can't get the hang of it...


Yes l know what you mean; there is just no good information on how to create modular flash sites online, nor in any books. I've purchased over 10 flash books, and have maybe a total of 6 pages covering full websites done with flash -- which was the only reason l purchased the book(s) in the first place Embarassed

In the end l had to piece together what little information l could find, and create my own techinques and strategies for implementing full scale flash sites...

Then... wouldn't you know it; a little thing called AJAX pops out of no-where and knocks modular flash sites clean on their collective ass.

We may not have seen any extreme AJAX sites yet, but they'll be here.. just give it a little more time. A great example of things to come AJAX wise is Yahoo's new page which is heavily driven with (you guessed it) ajax, some of their new little news feeds, and ad pops are just awesome! At least flash will still be good for online games tho...

... anyway that could be a whole thread in itself. Thanks for the kind words. Wink
...
Back to top
Jeff
Mod


Joined: 23 Jan, 07:17
Posts: 765

PostPosted: 27 Jun, 11:15    Post subject:

Reply with quote


PeterV wrote:
That's very nice and I suspect the surprise was "hi there"..is that correct?

Jeff, are the rollovers created in Flash? I need to teach myself that app.. X gave me a nice link to get my feet wet and will have to put some time into it.

I just went back to the link and I could hear something coming out of my headphones and realized that the sounds were from the roolovers and they sounded like camera clicks, very nice touch.

Pete



Hey there Pete, thanks for the feedback. Yes the little mouseover effects and sound effects are all created in flash mx 2004. My best advice for getting started on flash... don't give up. It's a very robust and complex system to learn if you haven't done anything similar. It took me over a year to feel comfortable enough to consider myself "ready" to take the jump to actionscript (flash's built in programming language)...
...
Back to top
Jeff
Mod


Joined: 23 Jan, 07:17
Posts: 765

PostPosted: 27 Jun, 11:29    Post subject:

Reply with quote


BluI wrote:
Any info on combining the elements you did on that site?


Hey thanks for the kind words...
and yes l do infact.

the loading external txt and css is all over the net, just do a search on loadvars() and you should get a ton of that.. also buy:

Macromedia Flash MX 2004 Magic (Magic (New Riders)) (Paperback)
[link] (10 bucks on amazon)

They've got a great chapter on loading external text and css and images. (NOTE this book is for flash mx 2004, and won't work with flash mx).

If you've got flash mx (and not mx 2004) you won't have the ability to load the external css, but you can still load the external txt (from a .txt file) - again search google for "loadvars() actionscript" and you should find some info on that.

---
As far as making your flash sites "modular" here's the technique l use.

create the shell of your layout as a flash movie, in the center (or where ever your content is to be loaded on the various pages) create a "place holder" movie clip.

Next create separate swf's for each of your "content pages" that are sized exactly the same size as your "place holder" movie clip.

Now back inside of your "shell" mc, use actionscript loadmovie() function to load the external swf file into your "place holder" movie clip and bang... you've got a modular set up that is extremely versatile, and a lot easier to maintain and update.

For instance, usually l make a single "content.fla" that serves as a template for each of my other pages... Works great, quickly and easily.

The benefit of this is that when a user looks at the site, they don't have to download *everything*, they only need to download the pages that they request. (hence the "now loading" bar that appears every time you click on one of the buttons in my example)

Saves on bandwidth, saves on download time.
...
Back to top
EnergyPulse
Member


Joined: 24 Jun, 09:10
Posts: 37

PostPosted: 28 Jun, 07:04    Post subject:

Reply with quote


Very nice work i dig the vines that come out but on some of the pages they cover some text so you might want to hid them behind the text.SmileSmileSmile very nice though i'd giv it a 9 out of ten.
...
Back to top
hazeaccord
Member


Joined: 11 May, 07:50
Posts: 92

PostPosted: 28 Jun, 09:07    Post subject:

Reply with quote


Nice Job on this Jeff!

First off, i like how smooth everything comes together. I really like how fast the load is, which is done through external documents right? I also like the fact that the vines grow into the page like they do in real life. This is a great modular flash site. I just started learning flash about a week ago, but soon enough i will be up to scale with you.

Nice Job again Jeff!

P.S- The book i have is calls "Flash 8 Training from the Source" by James English. I love this book and recomend it to anyone that is tryin to learn the basics of flash 8 and actionscript.


Jeff one question.
Where do you get your sounds from? Like the ones used for the rollover buttons.
...
Back to top
Draconis
Mod


Joined: 28 May, 12:06
Posts: 201
Location: USA

PostPosted: 28 Jun, 09:50    Post subject:

Reply with quote


Wow.... Im taking Flash websites during the National tech conference this year. I hope I learn to make a site half as good as that.....
...
Back to top
Jeff
Mod


Joined: 23 Jan, 07:17
Posts: 765

PostPosted: 28 Jun, 02:56    Post subject:

Reply with quote


Quote:
Jeff one question.
Where do you get your sounds from? Like the ones used for the rollover buttons.


Thanks for the kind words hazeaccord; The sound effects have come from 2 places.. 1.) l build flash ads for a living so l've got a lot of fun sounds to mess with and 2.) l've been collecting them over the past couple years...
...
Back to top
Jeff
Mod


Joined: 23 Jan, 07:17
Posts: 765

PostPosted: 28 Jun, 02:57    Post subject:

Reply with quote


EnergyPulse wrote:
Very nice work i dig the vines that come out but on some of the pages they cover some text so you might want to hid them behind the text.SmileSmileSmile very nice though i'd giv it a 9 out of ten.


Well heh, l know some of the text gets covered with the vines; however this was just a mock site for a client (a demo if you will) so obviously that would have been cleaned up during production if she would have chosen this template.

Thanks for the kind words!
...
Back to top
Jeff
Mod


Joined: 23 Jan, 07:17
Posts: 765

PostPosted: 28 Jun, 03:00    Post subject:

Reply with quote


Draconis wrote:
Wow.... Im taking Flash websites during the National tech conference this year. I hope I learn to make a site half as good as that.....


Heh, that's cool you should have a lot of fun. Flash is one of the more fun applications to play with and there are so many different possiblities.

Good luck, and be sure to post your work when you get started, we'd love to see your progression!
...
Back to top
Draconis
Mod


Joined: 28 May, 12:06
Posts: 201
Location: USA

PostPosted: 28 Jun, 08:28    Post subject:

Reply with quote


Will do as soon as I make it. Im hoping its a real course......it would suck if I got there and it was just a "get your feet wet thing"

Well, that site has givin me new inspiration....I can't wait.
...
Back to top
Reply to topic    PSForce.com Forum Index » Site Check
 
 

Jump to:  

Page 1 of 1




Powered by phpBB © 2001, 2002 phpBB Group

HOME   |   TUTORIALS   |   FORUMS   |   DOWNLOADS   |   CONTACT US
© 2007 - 2008 www.PhotoshopForce.com Duplication/Redistribution prohibited.
Top of Page