Cool Web Designer Links CWD - Website Designs Gallery, Coolweb Design
Cool web design sites


  www.print-templates.com

 
Photoshop 5.5
Front Page 2000
HTML
XML
PageMaker 6.5

Community
 
Login
Create Profile
Forgot Password

Functions
 
Home
About cwd.dk
Contact Us

Inspiration
 
New Sites
Search
'Accepted by' Logo
Submit Site
Reminder
FAQ's
 Category
Animation
Audio/Sound
Business Style
Clean and Simple
E-Commerce
Entertainment
Experimental
Heavy Graphic
Intro
Just Nice
Navigation
Personal
Sports
Webportals
All Categories


www.imageonline.co.in




Articles

  By: Layout Galaxy
  Published   28-10-2004
  Category   Flash
  Type   Medium
  Rating
   0%
100%
Rate this article:  Bad  Good 

Creating Scrolling Buttons Menu in Flash MX

Adjusting more number of products / buttons on horizontal panel makes it congested. Using Flash MX Action Script a menu / product panel can be created where in products / buttons scrolls left to right or vice-a-versa based on movement of mouse pointer.

Click here to download the source (.fla) file.

Movie Properties

1. Create a new movie with Dimensions of 500px. X 100px. and fps = 24 with white color as Background Color

2. Save the flash file as 'scrollmenu.fla'

Creating Background

1. Select frame 1 on Layer 1 and rename it as 'Background'

2. With the help of 'Rectangle Tool' create a rectangle patch as background of the movie

Creating a Button

1. Choose Insert > New Symbol

2. Create a Button and name it as 'button1'


3. Choose File > Import to import a button image. Here we have imported 'button.gif'

4. Rename the layer as 'Button'


5. Select frame 4 at 'Hit' stage

6. Choose Insert > Frame

7. Choose Insert > Layer and rename the layer as 'Button Name'

8. With the help of 'Text Tool' type the button name as 'About Us'


9. Select frame 2 (i.e. 'Over' stage) on Button Name layer and choose Insert > Keyframe

10. Select the About Us text on frame 2 and change the color of the text i.e. make it more darker to create a mouseover.

11. Similarly, create buttons for Products, Services, Clients, Portfolio, Contact Us and name it as button2, button3, button4, button5 and button6

Creating buttons Menu

1. Come back into Scene 1

2. Choose Insert > Layer to add a new layer above Background layer and name it as 'Buttons Menu'

3. Choose Window > Library > button1 (Button)

4. Select and drag the button1 on Buttons Menu layer

5. Select button1 and choose Insert > Convert to Symbol

6. Convert it into a Movie Clip with Center registration point selected and name it as 'menu'

7. Double click the menu movie clip to go inside it

8.
Rename the existing layer as 'About Us'

9. Choose Insert > Layer to add a new layer and name it as 'Products'

10. Choose Window > Library > button2 (Button)

11. Select and drag the button2 on Products layer and place it next to About Us button i.e. button1

12. Similarly drag remaining buttons on different layers and place them in a line at equal distances. (The distance between two buttons should be 129.7)


Goto Page
 
1
 
 
 
 
 
 



Login
 
Enter your username and password, and press 'Submit'
Auto Login
Create Profile

Articles
 
 Search Engine   Optimization
Where does your Site Rank on Google?
Title Tag and Meta Description Tag Optimization
Anchor Text Optimization
Working with the robots.txt file
Google PageRank Algorithm Explained
 
 General
Alexa - The Smart Browsing
Web Promotion with Pay Per Click
Fonts in Layout
Basics of Color - 2
Basics of Color
 
 Dreamweaver
How to create a webpage using layers?
 
 Photoshop
Fine tune / touch up dull Image using Photoshop
Create thumbnails using Action and Automate in Adobe Photoshop.
Designing Top Panel in Photoshop - 2
Designing Top Panel in Photoshop
How to animate a banner using Adobe ImageReady?
 
 Flash
Publishing digital video on web page using Flash 2004
Creating Feedback form using Flash MX & send the data to email.
Image Transitions in Flash Mx
Creating Top Panel in Flash along with navigation bar
Creating Scrolling Buttons Menu in Flash MX
 
 Flash 5.0 Tutorial
Advance Scripting In Flash - Part 8
Advance Scripting In Flash - Part 7
Advance Scripting In Flash - Part 6
Advance Scripting In Flash - Part 5
Advance Scripting In Flash - Part 4
 
 Professional steps of  web designing
Professional Step-by-step Guide To Web Designing
Modify the ready-made Layout to incorporate your client's detail
Make Layout Web Compatible
Provide links using web-authoring tool like Macromedia Dreamweaver

Feedback
 

 

Layout Galaxy is ready to use photoshop & flash web site design templates
Copyright © 2001 Cool Web Design