Search  
Search Options

SCRIPTED SITE WITH OVERLAY TRANSITIONS V1.1

HomeBrowse CategoriesFlashSite TemplatesScripted site with overlay transitions v1.1
Full_screen_preview

8th March 2008 :

NOTE : This file has been updated. Two minor changes / corrections on request from buyers :

- mp3 player now pops up and pops down on(Release), not on(rollOver) - added BGListener to address issue with background image resize not updating when the browser window was resized

Original description :

This is a clean, modern site design, entirely scripted and featuring smooth overlay wipe transitions between sections. The different sections in the site are external swfs, loaded into the main shell into an empty movieclip. Most (99%) of the Actionscript involved is in a single external AS file, and is very easy to edit.

I have supplied the main shell file but NOT the section swfs themselves. This leaves you free to design them as you please. I have kept the design neutral, clean and modern, in whites and greys. This is a design that is adaptable to a number of contexts, whether corporate or personal, with a minimum of changes.

It is very easy to add or remove sections. There are currently six including the Homepage which is built into the shell. I have included instructions in a separate TXT file, as well as in the external AS file that drives this whole site.

The tweens and transitions in this site make extensive use of the open-source “mc_tween2.as” library by Zeh Fernando. There are no bitmaps in this template for the moment and thus it is extremely light and fast-loading. 16k for the whole site !

Hope you like it!

cheers, Ric Zito

Posted 4 months ago

what’s the most direct way for turning the embedded homepage.swf into an external .swf? please provide me with the actionscript if need be and specific instructions. thank you.

Posted 2 months ago

Hey Ric,

Is there any way to call a function to a specific button. i.e

button_4.onRelease = function():Void { if (movieclipx._currentframe != 1){ movieclipx.gotoAndPlay(“on”;); } else { movieclipx.gotoAndStop(“somewherelse”;); } }

Tried this and it works but throws out the “butOnRelease” function so none of the external movieclips load.

Can I target these buttons without this happening? – is there another way?

Thanks

Posted 2 months ago

jysta :

I would suggest the easiest way to do this is to exclude your button from the general butOnRelease function by giving it a different name. Then you can target it with any function you wish, and the remaining buttons will still work as before.

Posted 2 months ago

Thanks again Ric / worked a solution using the MCTween stuff. This file is just great, the flexibility allows for so many possibilities. + great support.

Posted 2 months ago

Hi riczito, I’m relatively new to AS but I find it easy to read your code. The primer on tween programing and the frequent comments help immensely. Thanks for taking the time to document your code.

I have one feature that I would like to implement but I haven’t the faintest idea of where to start. Let me explain the feature so that you or anyone reading this may point me in the right direction.

I am a visual effects artist and would be using your template as a shell to display my work. In the first section, I would be displaying a demo reel (video) which contains its own soundtrack.

I would like the site’s mp3 volume to fade to silence when the first section button is released (or while the first section is loading, whichever is more feasible) so the two soundtracks don’t conflict. I guess a second part to this feature would be the site’s mp3 volume fading in when the user navigates to home or any of the other sections.

Thanks for your help and for providing this kick butt template. I hope you start uploading sound clips… best I’ve heard. -Chao Posted 2 months ago

Hello Ric,

I seem to be getting flickering on the external SWF ’s before they start there transitions(done with MCTween). http://www.jystdesign.co.uk/clients/lp/master2.html

Checked stop actions. And the transitions actually work fine but just the white flicker at beginning.

Thanks-

Posted 2 months ago

sorry this link: http://www.jystdesign.co.uk/clients/lp/main2.html

Posted 2 months ago

jysta :

I’m not seeing any flicker here. Looks good to me…

??

Posted 2 months ago

Ric,

I’m going to stop bugging you with questions now, PROMISE :-) (the loader mc was in wrong keyframe on main.fla)

Posted 2 months ago

hi ric, i have a little problem. the site is in the centre of the stage, but now i need that it stay on top of the stage. can you help me.

cheers raffaele

Posted about 1 month ago

raffaele :

In the html source code on the index.html page, just do a search-and-replace for the word middle, and replace it with top.

Posted about 1 month ago

thanks again ric

best regards

Posted about 1 month ago

Works a treat, this is easily one of the best value files on Flashden!!!

Posted about 1 month ago

Hello just bought the template. (Not proficent in Flash yet) but learning.

Just a couple questions. How do I change the the initial homepage tween from the vertical bouncy thing to the same tween every other page is loaded with?

Also is there a way to if I want part of my logo to hang into the box to stay on top of everything rather than go behind.

Thanks TJ

Posted about 1 month ago

tjaqua :

1. the secret is in the main.fla file. Open the “homepage” clip (on the “homepage” layer) by dbl-clicking it. Go to the second frame, and change the word “easeOutElastic” to “easeOutExpo”.

2. sure : just drag the “your logo” layer higher up until it is above the overlay layers.

Posted about 1 month ago

Thank you everything worked just as you said.

One more question. Where are the controls for the movement of the logo?

Posted about 1 month ago

Never mind found them

Posted about 1 month ago

Hi !

Beautiful work ;)

AS2 or 3 ?

Posted about 1 month ago

This file is AS2

Posted about 1 month ago

Is there a way to disable to preloader when loading the menu items? But still have it work on the intial loading of the main site?

Thanks TJ

Posted about 1 month ago

tjaqua :

The preloader is global. If you want it to work differently you’ll need to throw it out completely and install another type.

cheers, ric

Posted about 1 month ago

Ok..Thanks for the quick response.

Do I just delete the layer from the main.fla and then any mention in the AS of preloader? Or is there other things I have to do to get rid of it?

Thanks Tim

Posted about 1 month ago

Great i really like it!

Posted 22 days ago

Noice work.

Posted 7 days ago

Hello! I love this template but I need to add a sub-menu to one of the buttons. I just need a submenu that would allow me to load 3 external swfs from the same button (say gallery 1, 2, and 3). I am having difficulty doing this and would be grateful for some suggestions! Thanks in advance.

Posted 5 days ago

nubel :

You can add a submenu to any one of the main “button” movieclips (movieclips that act as buttons) :

1. exclude it from the global butOnRelease function (by changing the movieclip’s name to something other than button_x). Add an on rollOver action to the it such that it will popup your submenu (which I have called myMenu here) when the mouse hovers over it, typically :

on(rollOver){ myMenu.alphaTo(100,1); }

on(rollOut){ myMenu.alphaTo(0,0.5); }

2. build your submenu by making 3 button movieclips and enclosing them all in a movieclip. Call the submenu clip myMenu. Put it where you want it on the Stage, and set its alpha at 0.

3. In order to take advantage of the site’s global transitions between sections, each of the three button movieclips should be named “button_x”, where “x” corresponds to the number of the external swf file to be loaded. For instance “button_8” will, when clicked, load external file “section_8.swf”.

If you need to know more about building a submenu in Flash, there are plenty of tutorials out there.

cheers! Ric

Posted 4 days ago