Download flash clock of the world TV channel. Make a flash clock in Sothink SWF Quicker. Now let's get to work in the program itself

Let's make a basic watch. Let's start learning how to create flash.

Making a basic watch. Let's start learning how to create flash

I’ve been procrastinating and procrastinating on this topic, but I feel like it’s time :-) Otherwise, I don’t learn without practice and I start to forget, but at least as I’m writing posts I’ll remember and maybe I’ll find out something :-)

A little preface:
1.- I myself am just learning in this area. Therefore, I only tell you what I can and how I can :-)
2.- Personally, I use Sothink SWF Quicker. I don’t have Adobe flash and don’t plan to install it yet.
3.- Based on point “2”, you need to download Sothink SWF Quicker. The program is lightweight (about 15 MB) (download link at the end of the post)

I apologize for the harsh start)))

Now a little theory, a lot of books))

You can create a lot of things using flash technology, so be prepared. Flash is not only cartoons and postcards, but also fully functional programs that perform certain functions.
But of course, the same banners can also be made in flash) And in general a lot of things)

Now let's get to work in the program itself.

Before you start creating something using specific examples, you need to get the essence a little bit. Those. basic things in the program) I know this for sure, I understood it from the example of training Inmira As always, I will not use the correct terminology (I don’t fully know it myself, and we don’t need it yet)

So, in the program we can create three main "things", these are -
1.- Buttons
2.- clips
3.- graphic objects

From these three “things” we put together the main “scene” - which is already the final result, i.e. our flash drive :-)
Did you imagine approximately?
Great, now let's move on.

The program uses Action Script. Those. In principle, it is a programming language. Once upon a time, they say, he was underestimated... but that’s not what we’re talking about) So get ready to study incomprehensible inscriptions and hieroglyphs, just a joke))

That's it, now to practice. We won’t use the program’s template capabilities for now; we’ll do everything ourselves)
In general, of course, it would be better not to start with the clock, but in order to catch your interest ;-) let's start with them))) and in the next lessons we will study the necessary basics

Open the program. In this pop-up window, select the first item and click ok:

The editing field for our clip opened up for us. Now take the text tool (left click):

On the working field, select an area for text - holding left button pull the mouse to the sides :-))) You get something like this:

Now we look at the bottom of the program window and configure it. Click on the arrows and select items as in my picture:

In the rightmost circled window we write “time” manually (as in the screenshot)

Now let's go back up to our text window. Click on it once with the left button. mouse and type the text "00 00 00"
Those. two zeros space, two zeros space, two zeros :-))

It will turn out:

Now look up at the program window (frame feed). We stand on the second frame of our first layer (left-click) and press the “F5” button on the keyboard:

We look down the program window and click on the arrow:

You must enter the script in the field that opens. Just take it from me and paste:

code: mydate = new Date();
sec = mydate.getSeconds();
min = mydate.getMinutes();
hour = mydate.getHours();
if (sec< 10)
{
sec = "0" + sec;
) // end if
if (min< 10)
{
min = "0" + min;
) // end if
if (hour< 10)
{
hour = "0" + hour;
) // end if
time = hour add " " add min add " " add sec;

After that, click the checkbox:

The following sign should appear, where we press “ok”:

We look at the top of the program and click on the inscription “scene 1”:

A similar work field will open, but it will be small (white square in the center :-)))
Now, drag our clip onto this white square. Look on the right:

Hold down the left mouse button and drag the object into the white field:

Here's what it looks like:

I present to your attention a collection of Flash clocks for the site (blog). Stylish and original watches will decorate your resource and add information to visitors.

Below you see various options for Flash clocks. To install such a clock on your website, download from the link Download(below), your favorite watch option.

You will download a small archive file. Unpack the archive and you will see a file like 01.swf. As you understand 01 is the file name, it may be different (03, 09, 14, etc.) swf - file extension in flash format.

Place (upload) this file into any folder in which your site is located on the server. For example, this file is not in my root folder and the path to it looks like this: files/20110703/01.swf. Next, write on the web page (in the place where you want to see the clock) the code that you see in Listing 1 below:

Listing 1.

In the lines data="files/20110703/01.swf" and write down the real path on your website to the folder in which the 01.swf file is located. If the file is in the root folder of the site, then these lines will look like this: data="01.swf" and

You can change the size of the clock by changing the values: width="150" - width and height="150" - height.

Now installed in the code transparent background for hours the value: But if necessary, you can set any desired background color, replace this line with this: Now the background color is set to yellow (#FFFF00), replace this value with the one you need.

That's all, basically, update the corrected files on the server and enjoy your new watch.

P.S. And one more thing, so that such flash clocks are displayed normally, You must have flash player installed, usually it is already installed on the system, but it happens (it rarely happens) that the flash player needs to be installed additionally.

Comments on this article (lesson):

Thank you, Andrey! Very good set hours! I'll definitely use it! Post retweeted! Best regards, Nikolai Gizhitsky

I don’t really understand why you need to insert a clock into the block. After all, they look at the block on a computer, and there is already a clock there. It is much more useful to insert a calendar. All sorts of useful services. For example, the weather.

For some reason, I can’t see the pictures with the watch options. In general, thank you very much for all the information on your site, a lot useful tips, everything is provided in a clear sequence and accessible form. I found it very useful. Thanks again! Best regards, Galina

As for me, all this is not needed on the site. For training and understanding - yes, thank you for that. But the point of setting up and cluttering the site space with clocks, calendars and other gadgets is not practical. I need (for example) to install a comment script on the site (the site is not on a CMS) - this would be useful and necessary! Thanks for the lesson, interesting. Don't take my comment as criticism - it's purely my opinion.

Thanks Andrey! Cool watch, yes, there is a clock and a calendar on the computer, but when you look through the pages of the site you forget about them. I wasted my time more than once. Andrey, I want to install a blue clock on the site in the upper left corner, the third level site www.akhmad51.ucoz.ru server is located in the UK. Do I need to save it on my computer and transfer it to the server? I am grateful to you for your work, thank you Andrey.

Hi all! Today I will tell you how to decorate your website and make it more informative by adding a flash clock to it.

Gradually, I will add various galleries of flash clocks for the site on the blog, which you can easily install.

Flash clock will be installed in swf format:

ShockWave Flash (swf) is a file extension that contains various multimedia files. Great for creating banners, animations, installation on websites with playback of audio and video files is also possible. In order to view the file, just install it on adobe computer flash player, use programs for editing, one of them is Adobe Flash Professional.

How to install a flash clock on a website

To begin with, in the first article I will tell you how to install a flash clock on a website.

Case 1 - For owners of CMS: WordPress, Joomla, etc. Flash clocks are almost always installed in the sidebar, where they will look best. Although, if your theme also provides for placing widgets in the footer, then this case is also similar.

1. Go from the admin panel to Appearance-> Widgets and select the “Text” widget and drag it to the Active Widgets panel (on the right side):

Save and observe the result.

If you look at the code, you can see the width and height attributes, for which you can set the values ​​that are more suitable for you.

The background is set to wmode=transparent - transparent, if possible, set the background color that will match your site.

Example: it was - wmode=transparent, set the background color to yellow, it will be - bgcolor=#FFFF00. In order to better choose a color for a website, read how to set the text color and palette programs

type=application/x-shockwave-flash - this parameter is used to communicate between the site and the browser to indicate to the browser that it needs to download Adobe Flash Player(if it is installed in the browser, otherwise the clock will not be displayed)

Case 2. Both for CMS and other HTML sites. You need to decide where you will install this file, but the code itself will not change.

Flash clock for the site: dark flash clock

Today I will look at a selection of dark flash clocks for the site; the gallery will include 15 flash clocks. !! All watches are presented with an “Anthracite” color background (judging by the Yandex Colors service), i.e. the background is filled with color #464451, but the clocks themselves are round (in the examples they are all square due to the fact that the background is opaque).

Next time there will be more interesting flash watches, so subscribe to the site and stay tuned for updates.