Oct
31st

Part (II): Create Rain Drop Effect Using Flash

Files under Flash & Actionscript | Leave a Comment | 633 views

Step 8: Then create a new layer and name it rainwave. After that, click on frame 10 and press F6 key.

rain_drop_effect-1

Step 9: Select the Oval Tool, go to the Properties Panel and select the following attributes:

1. For Line color choose #000000
2. Choose Solid as type of your line, with thickness set to 0.3.

rain_drop_effect-2

Then, draw an “ellipse” and place it on the position like it is shown.

(more…)

Oct
24th

Part (I): Create Rain Drop Effect In Flash

Files under Flash & Actionscript | 1 Comment | 2,529 views

In this simple but detailed tutorial, you will learn how to create rain effect using Flash without Actionscript. Besides that, you will also learn how to create an ellipse and how to use Line Tool.

I thought it would be a great idea to have a layer of realistic looking rain in a flash movie but I have fairly limited knowledge of writing Actionscript. So, I will use this method to achieve what I desire.

Step 1: Start a new project with dimension of 200 X 150 pixels, set the frame rate at 30fps and go to properties panel set the background color #3399cc.

rain_effect

Step 2: Create a new layer and name it raindrop.

rain_effect

Step 3: Select the Line Tool, go to the Properties Panel (Ctrl+F3) below the stage and set the following attributes:

i) For Line color choose #000000
ii) Choose Solid as type of your line, with thickness set to 1.

rain_effect

Then, draw a “line” and place it on the stage.

Step 4: Select the “line”, and then press F8 key to convert it into a Movie Clip or you can right click on the “line” and convert to symbol. After that, double click on the movie clip. You should now be inside the movie clip.

rain_effect

(more…)

Oct
17th

Simple Drop Down Menu Tutorial

Files under HTML & CSS, Javascript | Leave a Comment | 1,164 views

dropdownmenu

This week, you will learn how to create a simple drop down menu, which is a 1 level drop-down menu with timeout effect. In the other words, it is similar to treelike unordered list.

I just wrote the simple script for the menu that will be displayed on the page:

HTML Code

<ul id=”menuStyle”>
<li><a href=“#” onmouseover=”menuopen(’m1′)onmouseout=”closetime()”>Page 1</a>

<div id=“m1onmouseover=“cancelclosetime()” onmouseout=“closetime()”>
<a href=”#”>Subpage 1A</a>
<a href=“#”>Subpage 1B</a>
<a href=“#”>Subpage 1C</a>
<a href=“#”>Subpage 1D</a>
<a href=“#”>Subpage 1E</a>
</div>

</li>

<li><a href=“#” onmouseover=“menuopen(’m2′)” onmouseout=“closetime()”>Page 2</a>

<div id=“m2″ onmouseover=“cancelclosetime()” onmouseout=”closetime()“>
<a href=“#”>Subpage 2A</a>
<a href=”#”>Subpage 2B</a>
<a href=“#”>Subpage 2C</a>
<a href=“#”>Subpage 2D</a>
</div>

</li>

<li><a href=”#” onmouseover=“menuopen(’m3′)” onmouseout=“closetime()”>Page 3</a>

<div id=”m3″ onmouseover=“cancelclosetime()” onmouseout=“closetime()”>
<a href=“#”>Subpage 3A</a>
<a href=“#”>Subpage 3B</a>
</div>

</li>

<li><a href=“#” onmouseover=“menuopen(’m4′)” onmouseout=“closetime()”>Page 4</a>

<div id=“m4″ onmouseover=“cancelclosetime()” onmouseout=“closetime()”>
<a href=“#”>Subpage 4A</a>
<a href=“#”>Subpage 4B</a>
</div>

</li>

<li><a href=“#” onmouseover=“menuopen(’m5′)” onmouseout=”closetime()”>Page 5</a>

<div id=“m5″ onmouseover=“cancelclosetime()” onmouseout=“closetime()”>
<a href=“#”>Subpage 5A</a>
<a href=“#”>Subpage 5B</a>
<a href=“#”>Subpage 5C</a>
</div>

</li>

</ul>

As you can see, I’ve used unordered list for menu items. The event handlers that I used to control the show and hidden layer are onmouseover and onmouseout.

CSS Code

Refer to http://codebasic.net/dropdownmenu.css

See more…

(more…)

Oct
3rd

Browser Detector With PHP

Files under PHP & MySQL | Leave a Comment | 754 views

It is very simple code that displays the HTTP_USER_AGENT of the client and shows what version and the name of the browser that the user is working on.

This small sample script gives some examples of how the browser detector can be used, in the first case it will print out the browser with version number, and the operating system with version number.

browsermozilla

browseropera

My Coding Part

<?php

$yourbrowser= $_SERVER ['HTTP_USER_AGENT'];
echo “<b>Your Browser User Agent is</b>: “ . $yourbrowser;

?>

(more…)