Photoshop Tutorials, Flash Tutorials, 3Ds Studio Max Tutorials, Web Design Tutorials


Software Tutorials

Featured Free Templates
View All Templates!
Preview  |  Download
Name: metamorph_flame
Downloads:
Preview  |  Download
Name: metamorph_skyandclouds
Downloads:
View All Templates!
Recommended Hosting:
Host Unlimited Domains on 1 Account
1500GB storage and 15000GB bandwidth for $6.95/mo!
Recommended Hosting:
Host Unlimited Domains on 1 Account
1500GB storage and 15000GB bandwidth for $6.95/mo!
:: Free Website Templates
Preview  |  Download Preview  |  Download Preview  |  Download
Name: metamorph_sunset Name: metamorph_flower Name: metamorph_waterfall
Downloads: Downloads: Downloads:

Do You Like Our Website? Share With Others!
GoogleGoogle slashdotYahooMyWebDiggTechnoratiDelicious
Page: 12345678910111213141516171819202122232425

Welcome To WebDesignTutorials.net Flash Tutorials Area - Invisible Button



------------------------------------------------
Download Flash File
Learn how to use invisible buttons to add functionality to almost any flash app.

Picture 1
Step First, open a new flash document. Next we need to create our button instance. Hit ctrl F8 to make a new symbol. Make sure you select button as the behavior type and give it the name "invisible button."

Picture 2
Step Now we are inside of the button instance. Highlight the frame that has the world "Hit" over it and press F6. What this does is create a new keyframe on this frame. Now draw a recangle. I usually make the color a bright green or color that I know I won't be using in my movie. Now using the properties toolbar set the rectangle x and y coordinates to 0 and make it 100 pixels wide and 25 pixels high.(of course the position and size of the button are up to, but these are the options that I am using for this tutorial.) Well that's it. You now have your invisible button. What we have done is here is just selected a hit area for our button. We give it no up, down or over states which makes it invisible, well at least to the user. This enables us to keep copying the same button and adding new actions to it instead of having to make a new button every time you need one. For instance if you had a list of links in your flash movie you would either have to make all your text for the links buttons, or just copy this invisible button over your text and change the url in the actions for the button. This helps keep your file size down and helps keep your movie organized.

Picture 3
Step Once you have your button it is time to put it to work. Get back to the root timeline by clicking on the Scene 1 button under your layers. If your library is not already open, open it by pressing ctrl L and drag an instance of your invisible button onto the stage. You will notice that your button's color is not what you had drawn, but instead it is a transparent blue. This is just to let you know that it is in fact an invisible button and will not be seen by the user once the movie is published. You can see this for yourself by hitting ctrl Enter to test movie.

Picture 4
Step Now we are going to discuess how to make this button function for you. First and foremost we need a way for the user to know that there is a button to press. We will simply be making a list of links like i talked about earlier to show how this works. Write down as many titles as you would like to use, for this example I am going to use three. Create a layer for your text and a layer for your buttons. you can see in the picture that there are now three instances of our invisible button that have been placed on top of our text. Another way that this button is so functional is that you can resize it to be as big or as small as you need it. You can see that I have made the button fit only over my text.

Picture 5
Step Now all you have to do is add the actions for each buttons. To do this, select one of the button instances on your stage. Open up your actions window by pressing F9 and add the following:
on(press) {
	getURL("http://www.spoono.com", _blank, "POST");
}
What we are doing is telling flash to open up www.spoono.com into a new browswer window everytime this button is pressed. Now all you have to do is add that same code to all of your other buttons and all you will have to change is the the actual link to the site.

Step Where to go from here. I hope that you can see how easy it is to implemet this trick in your flash movies. I use these buttons in almost every fla I make that has any sort of user interaction. Other ways to implement this is to have hot spots in your site that will open up secret links or content on your site. I am sure you won't have any trouble incorporating this and if you have any questions please get back to us so we can help you out.


Advertisements
Graphic Software, Flash Templates, Free Stock Photos, Web Templates, Web Design, Corporate Web Design, Royalty Free stock Photo, Affordable Website Design, Submit site, Add Url, Stock Photos, Survey Software, Anti Virus Software, E mail software, Computer Software

Premium Partners
  Free Website Templates - Flash templates, Affordable Website Design, Website Templates, Website Redesign, Custom Website Design, Web Design Tutorials, Flash Tutorials, Promotion Tutorials - that is what we do. Metamorphosis Design Studio offers quality, free and low cost web site templates for your business and personal life, we also offer affordable web design and site re-design.
  Vertex Website Tempales - It saves tones of time and money to use pre-made web designs to build your web site. You need a web site but you don't want to pay thousands dollars to professional web design companies? Our web templates is just for you! They are designed to be easilly edited by your favorite html editor, like MS FrontPage
  Photoshop Tutorials - Learn how to build stunning web pages using Adobe Photoshop, Macromedia Flash MX and 3D Studio Max software. The step-by-step approach makes it so easy, that even beginners can produce great web pages. Get started with these tutorials covering everything from page layout to content tips.
Free website templates and paid web templates are great tools to make your websites look perfect! You will save time and money with our flash templates and free website templates Our visitors are satisfied with the quality of our free and paid website templates! Please visit our free website templates and paid website templates sections. We offer free web templates, free web layouts, free web page templates and other stuff for free download. All templates come with the html and external css file so you may easily edit HTML with your favorite HTML editor. Feel free to download our free web templates for your personal websites.

Terms of use depend upon the website template vendor.
Home  |  Submit Tutorial  |  Top Sites  |  Free Templates  |  Website Templates  |  Privacy Policy  |  Contact Us
All Right Reserved by WebDesignTutorials.net