It is recommended while working with layouts that we define a standard font size for html and body. In the beginning there were loose style for fonts. Nobody used to care about styling fonts. Then in the design era of computer age, designers developed and adopted techniques to control different design aspects of websites and usually most popular standard was to choose 11px to 12 px font for HTML. Many years this technique prevailed until web 2.0 arrived and some web architects decides that fonts must be clear and bold. So now designers and developers adopt a technique to display large font sizes. Font size, color, face are also a part of the design. Here is how we can control font by percentage as a unit for font size.

<div style="font-size: 100%;">100 %</div>
<div style="font-size: 150%;">150 %</div>
<div style="font-size: 300%;">300 %</div>
<div style="font-size: 400%;">400 %</div>
<div style="font-size: 500%;">500 %</div>
<div style="font-size: 600%;">600 %</div>

There are other font size units too e.g. pixels, points, inches, cm, mm etc. Percentage is one of these. Widely used as a standard is em unit for font size, which is considered to be the same for all browsers if browser compatibility is in mind.

<div style="font-size: 12px;">12 px</div>
<div style="font-size: 12pt;">12 pt</div>
<div style="font-size: 0.5in;">0.5 in</div>
<div style="font-size: 1cm;">1 cm</div>
<div style="font-size: 12mm;">12 mm</div>
<div style="font-size: 2pc;">2 pc</div>
<div style="font-size: 2em;">2 em</div>
<div style="font-size: 6ex;">12 ex</div>

How to Control Font Size in Percentage is a post from: Web Style Press, Best Practices from all the Web, Build Better Websites

Related Posts

• Use Any Font in Webpages As Text
• Modern Font Styles For Websites
• Sound Control In Flash – Tutorial and Downloads
• Transition Between Sections of a Flash Movie
• Load External SWFs With Smooth Transition
• Buttons Control In Flash
• Fonts For Web – Using Nice and Clean Fonts in Web Page

Now lets get started. I have some cool sound implementation examples here.

Simple Sound Control On/Off

For simple sound control we need two buttons and two frames.
One frame containing sound and second one empty with a blank keyframe.
Now when we want to start a sound we need to click the button which will have a simple action
i.e.

gotoAndStop(2);

While at frame 2 sound is placed and suppose that the loop and it will repeat on until it is stopped.

Now if we need to stop that sound then we need a button with the following actionscript

gotoAndStop(3);
stopAllSounds();

While frame number 3 is blank key frame. And we can implement this by creating a movie clip and these two frames, sound and buttons in that movie clip and that can be always available for whole movie and whenever we can trigger sound to be stopped or played.

This example is very basic and does not deals with advanced issues relating to sound. We can control sound by fancy bars, We can gradually decrease and increase sound level. Examples below explain advanced control of sounds.

Fade in Out, On/Off Single Sound

- Single Sound
- Sound exported from library
- On/Off – Fade in out
- Sound starts again at the point from where it was stopped before after fade out to fade in.

Download Example

Buttons Bar Rollover Sound Control

- Exported from library
- Fade in out
- Plays from where it was stopped
- Buttons rollover volume control

Download Example

Slider Sound Control With Button

- Exported from library
- Fade in out
- Plays from where it was stopped
- Sliderbar Control

Download Slider Volume Control

On Off Text – Internal Sound – Cross Fade

- Fades in out
- Plays from where it was stopped
- On Off text display
- Single Button on off control

Download Example

Single Sound – Internal Sound – Cross Fade – Moving Bars

- Fade in out
- Plays from where it was stopped
- Moving Bars
- Single Button on off control

Download Example

Single Sound – Internal Sound – Cross Fade – Static Bars

- Fade in out
- Plays from where it was stopped
- Static Bars
- Single Button on off control

Download Example

Single Sound – Internal Sound – Vertical Bar Control

- Vertical Bar control
- Internal Sound

Download Example

Single Sound – Vertical Bar Control/On Off Button – Cross Fade – Moving Bars on off

- Vertical Bar control + Button Control
- Moving bars which behave with on off
- Cross Fadeing Sound

Download Example

Play External MP3 Sound Without Loading

This Player has On, Off, Next, Forward buttons and can play many MP3 sounds from outside but it will not preload these sounds.

Download Example

Multiple Sounds CrossFade

Multiple Sounds – Crossfade – Slider Bars – On Off Button

Download Example

Sounds Tutorials Resources

http://kennybellew.cowfly.com/tutorial/index.html

Equalizer Bars For Sound

Download Files

Download Files

Sound Control In Flash – Tutorial and Downloads is a post from: Web Style Press, Best Practices from all the Web, Build Better Websites

Related Posts

• How to Control Font Size in Percentage
• Transition Between Sections of a Flash Movie
• Load External SWFs With Smooth Transition
• Buttons Control In Flash

By just looking at the image, I think you will not get the whole idea about the function. You will have to download it to see working example. This is an explanation of how to animate different sections of a movie smoothly. When some button is clicked, the previous animation restores its original state or disappears in a smooth way and after that new movie appears or gains the new position.

For example we have two movies, lets say a and b.
these are at states 1.
When we click at button a for movie a, it animate in some way and goes to state 2.
When we click now at button b for movie b, then two actions are performed.
Firstly animation state of movie a which is 2, will be back to 1.
Secondly after first move, animation state of movie b which is 1, will be changed to 2.

Download Smooth Transition Example

Transition Between Sections of a Flash Movie is a post from: Web Style Press, Best Practices from all the Web, Build Better Websites

Related Posts

• Load External SWFs With Smooth Transition
• Buttons Control In Flash
• How to Control Font Size in Percentage
• Create Random Bubble Animation In Flash
• Create Flash Random 3D Text Animation
• Flash Resources and Tutorials
• Scrollbars In flash – Flash Content Scroll
• Flash Mouse Effects
• Google Search From Flash Using ActionScript
• Flash Hit Counter Using ActionScript and PHP

In the following example I have taken two external swf movies which are called when buttons are clicked. The idea is to create a smooth transition effect between loading and unloading of flash external movies.

I mean no jerks, no sudden appearance or disappearance of movie or any part of animation. When we click at button for other movie, previous movie will be closed after a transition effect and unload and then the new movie will appear after transition has been done.

Download Example

Load External SWFs With Smooth Transition is a post from: Web Style Press, Best Practices from all the Web, Build Better Websites

Related Posts

• Transition Between Sections of a Flash Movie
• Load External Files Into Flash
• Buttons Control In Flash
• How to Control Font Size in Percentage
• Create Random Bubble Animation In Flash
• Create Flash Random 3D Text Animation
• Flash Resources and Tutorials
• Scrollbars In flash – Flash Content Scroll
• Flash Mouse Effects
• Google Search From Flash Using ActionScript

Button has four states; up, over, down, hit.
Go inside the button by double clicking it and there you will find these states. When you place actual object (i.e. rectangle) at hit state, then it will not be visible. That’s how we create an invisible working button by placing its content at just hit state. Download example below for explanation.

Target Animation Onmouseover and Onmouseout Event By Button

ActionScript

on (rollOver) {
tellTarget ("_root.movie") {
gotoAndPlay(2);
}
}
on (rollOut) {
tellTarget ("_root.movie") {
gotoAndPlay(11);
}
}

Download Button Example

Events of a Button

Following are some events of button on which we can trigger some animation.

on (press, release, releaseOutside, rollOver, rollOut, dragOver, dragOut, keyPress "<Enter>") {
play();
}

Button On Off Control – When One Button Is On (active), Others Are Off

This is a complex bit of example. We mouse over a button and it goes down and we mouse out a button it goes up. What about on clicking button and it remains in down position? I mean what if we want to show the active state of a button and current state of navigation? On clicking any other button, previously pressed button gains normal state and newly clicked button goes down, in active state. Now that’s the control which a navigation must have. In following example I have used two buttons. On clicking one it remains in clicked state. When we click other, first one gains normal position and second one goes in clicked state.

Download Button On Off Control Example

MovieClip Moves With Button Click or Mouse Move Over Buttons

Consider the image above. The current active button is about button. That black background is a movie clip behind the button. We can move this movie clip as we move mouse over different buttons or when we click at single button that black background will be dragged to the position behind that clicked button. Below are both examples in downloadable form.

Download Button Roll over Example

Download Button Clicked Example

Buttons Control In Flash is a post from: Web Style Press, Best Practices from all the Web, Build Better Websites

Related Posts

• Create Flash Random 3D Text Animation
• Flash Mouse Effects
• Create Flash Slide Shows Using ActionScript – Example Downloads
• Flash Window or Movie Move – Dragable Content Using ActionScript
• Create Flash Login System using ActionScript
• Counting In Flash – Flash Counter
• Flash – Go To Frame ActionScript
• Date and Time In Flash
• Image Transitions – Effects and Particle Systems In Adobe Flash
• Flash Tooltips – Tutorial and Example Download