Делать флеш часы в Sothink SWF Quicker. Делать флеш часы в Sothink SWF Quicker Флеш часы большие цифрами

Всем привет! Сегодня я расскажу, как украсить свой сайт и сделать его более информативным, добавив на него flash часы.

Постепенно я буду добавлять на блоге различные галереи флеш часов для сайта, которые вы сможете без затруднений установить.

Flash часы будут устанавливаться в формате swf:

ShockWave Flash (swf) — расширение файла, которые содержит различные мультимедийные файлы. Отлично подходит для создания баннеров, анимации, также возможна установка на веб сайты с воспроизведением аудио и видео файлов. Для того чтобы просмотреть файл достаточно установить на компьютере adobe flash player, для редактиролвания используйте программы, одной из них является Adobe Flash Professional.

Как установить flash часы на сайт

Для начала в первой статье я расскажу, как установить флеш часы на сайт.

1 случай — Для владельцев CMS: WordPress, Joomla и др. Почти всегда флеш часы устанавливаются в сайдбаре, там они лучше всего будут смотреться. Хотя, если ваша тема предусматривает также размещение виджетов в подвале, то этот случай также аналогичен.

1. Переходим из админки в Внешний вид -> Виджеты и выбираем виджет «Текст» и перетаскиваем в панель Активных виджетов (в правой части):

Сохраняем и наблюдаем результат.

Если рассматривать код, то можно увидеть атрибуты width (ширина) и height (высота), для которых можно прописать те значения, более подходящие для вас.

Фон установлен wmode=transparent — прозрачный, при возможности установите тот цвет фона, который будет сочетаться с вашим сайтом.

Пример: было — wmode=transparent, устанавливаем цвет фона желтый будет — bgcolor=#FFFF00. Для того, чтобы лучше подобрать цвет для сайта прочитайте как задать цвет текста и программы палитр

type=application/x-shockwave-flash — данный параметр служит для связи сайта с браузером, чтобы указать браузеру, что необходимо загрузить Adobe Flash Player (если он установлен в браузере, иначе часы не будут отображаться)

2 случай. Как для CMS, так и для других HTML сайтов. Необходимо определиться, куда вы будете устанавливать данный файл, но сам код меняться не будет.

Flash часы для сайта: темные флеш часы

Сегодня я рассмотрю подборку из темных флеш часов для сайта, в галерею войдет 15 flash часов. !! Все часы представлены с фоном цвета «Антрацитовый» (судя по сервису Яндекс Цвета) т.е. фон залит цветом #464451, но сами часы являются круглыми (на примерах все они квадртаные из-за того, что фон непрозрачный).

В следующий раз будут более интересные флеш часы, так что подписывайтесь на сайт и следите за обновлениями.

Делаем элементарные часики.Начинаем учиться созданию flash.
Делаем элементарные часики.Начинаем учиться созданию flash
Все тянул, тянул с этой темой, но чувствую, что пора:-) А то без практики сам не учусь и забывать начинаю, а так хоть по ходу написания постов вспомню и может узнаю че нить:-)
Небольшое предисловие:
1.- Я сам только учусь в этой области. Поэтому рассказываю только-то, что умею и как умею:-)
2.- Лично я пользуюсь программой Sothink SWF Quicker. Adobe flash у меня нету и пока устанавливать не планирую.
3.- Исходя из пункта "2", вам надо скачать Sothink SWF Quicker. Программа легкая (около 15 мб) (ссылка на скачку в конце поста)
Прошу прощения за сурьезное начало)))
Теперь немного теории, многа букаффф))
Используя "технологию флеш" можно создавать много всего, поэтому будьте готовы. Флеш- это не только мультики и открытки, но и вполне работоспособные программы, выполняющие определенные функции.
Но естественно и те же баннеры тоже можно делать во флеш) И вообще много чего)
Теперь к работе в самой программе.
Перед тем как приступить к созданию чего-либо на примерах конкретных, надо немноооожечко уловить самую суть. Т.е. основные вещи в проге) Это я точно знаю, понял на примере обучения Inmira Я, как всегда, не буду использовать верную терминологию (сам еще не до конца ее знаю, да и не надо нам это пока)
Итак, в программе мы можем создавать три основные "вещи", это-
1.- Кнопки
2.- клипы
3.- графические объекты
Из этих трех "вещей" мы складываем основную "сцену",- которая уже является окончательным результатом, т.е. нашей флешкой:-)
Представили примерно?
Отлично, теперь идем дальше.
В программе используется Action Script . Т.е. впринципе это язык программирования. Когда-то, говорят, его недооценивали... но не о том речь) Так что готовьтесь к изучению непонятных надписей и иероглифов шутка))
Все, теперь к практике. Шаблонные возможности программы пока использовать не будем, делаем все сами)
Вообще конечно, лучше бы не с часов начать, но чтоб зацепить ваш интерес;-) начнем с них))) а в следущих уроках изучим нужные основы
Открываем программу. В таком выползшем окошке выбираем первый пункт и жмем ок:
Нам открылось поле редактирования нашего клипа. Теперь берем инструмент текст (щелчок левой клавишей мыши):
На рабочем поле выделяем область для текста- удерживая левую кнопку мыши тянем в стороны:-))) Получится вот такое:
Теперь смотрим в нижнюю часть окна программы и настраиваем. Жмем по стрелочкам и выбираем пункты как у меня на картинке:
В самом правом обведенном окошке пишем "time" вручную (как на скрине)
Теперь возвращаемся наверх к нашему текстовому окошку. Щелкаем в нем один раз левой кн. мыши и набираем текст "00 00 00"
Т.е. два нуля пробел,два нуля пробел, два нуля:-))
Получится:
Теперь смотрим вверх окна программы (лента кадров). Встаем на второй кадр нашего первого слоя (клик левой кнопкой мыши) и жмем кнопку на клавиатуре "F5":
Смотрим вниз окна программы, и щелкаем по стрелке:
В открывшееся поле надо вписать скрипт. Просто берем у меня и вставляем:

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;
После чего,- жмем галочку:
Должна выползти такая табличка, где жмем "ок":
Смотрим вверх программы и жмем надпись "scene 1":
Откроется похожее рабочее поле, но уже небольшое (белый квадратик в центре:-)))
Теперь, на этот белый квадратик перетаскиваем наш клип. Смотрим справа:
Удерживая левую кнопку мыши - перетаскиваем объект в белое поле:
Вот что примерно получится:

Представляю Вашему вниманию коллекцию Флеш (Flash) часов для сайта (блога). Стильные и оригинальные часы станут украшением Вашего ресурса и добавят информативности для посетителей.

Ниже Вы видите различные варианты Flash часов. Чтобы установить на свой сайт такие часы, скачиваете по ссылке Скачать (ниже), понравившийся вариант часов.

Вы скачаете небольшой архивный файлик. Распакуйте архив и увидите файлик вида 01.swf . Как Вы понимаете 01 - это имя файла , оно может быть и другим (03, 09, 14 и т.д.) swf - расширение файла в формате флеш .

Положите (закачайте) этот файл в любую папку в которой находится Ваш сайт на сервере. Например у меня этот файл лежит не в корневой папке и путь до него выглядит так: files/20110703/01.swf . Далее пропишите на web-странице (в месте где хотите видеть часы) код, который видите в Листинге 1 ниже:

Листинг 1.

В строках data="files/20110703/01.swf" и пропишите реальный путь на Вашем сайте до папки в которой лежит файл 01.swf. Если файл лежит в корневой папке сайта соответственно эти строки будут выглядеть так: data="01.swf" и

Изменять размер часов можно меняя значения: width="150" - ширина и height="150" - высота.

Сейчас в коде установлен прозрачный фон для часов значением: Но при необходимости можно установить любой нужный фоновый цвет, замените эту строку на вот такую: Сейчас установлен желтый цвет фона (#FFFF00), замените это значение на нужное Вам.

Вот собственно говоря и все, обновите на сервере исправленные файлы и наслаждайтесь новыми часами.

P.S. Да и еще один момент, чтобы такие flash часы нормально отображались, у Вас должен быть установлен flash плеер , обычно он уже установлен в системы, но бывает так (редко но бывает), что flash плеер нужно устанавливать дополнительно.

Комментарии к этой статье (уроку):

Спасибо, Андрей! Очень хороший набор часиков! Обязательно воспользуюсь! Пост ретвитнул! С уважением, Николай Гижицкий

Я не сосем понимаю- зачем в блок нужно вставлять часы. Ведь блок смотрят на компьютере- и часы там уже есть. Гораздо полезнее вставить календарь. Всякие полезные сервисы. Например- погоду.

У меня почему-то картинки с вариантами часов не просматриваются. А вообще большое спасибо за всю информацию на Вашем сайте, масса полезных советов, всё предоставляется в чёткой последовательности и доступной форме. Мне очень многое пригодилось. Ещё раз спасибо! С уважением, Галина

Как по мне,так это всё на сайте не нужно. Для тренировки и понимания - да, за это спасибо. Но смысл ставить и загромождать пространство сайта часами, календарями и другими примочками - это не практично. Мне вот надо (к примеру) установить на сайте скрипт комментариев (сайт не на CMS) - вот это было бы полезно и нужно! За урок спасибо, интересно. Не сочтите за критику мой комментарий - так, чисто своё мнение.

Спасибо Андрей! Прикольные часики, да на компьютере есть часы и календарь, но когда просматриваешь страницы сайта забываешь про них. Я неоднократно прозевал своё время. Андрей я хочу установить часы синего цвета на сайте в левом верхнем углу, сайт третьего уровня www.akhmad51.ucoz.ru сервер находится в Великобритании. Мне нужно сохранить на своём компьютере и перенести на сервер? Я благодарен Вам за Ваши труды, спасибо Андрей.