Флеш часы с собственным дизайном для вашего сайта или блога

Доброго времени суток! На блоге Клуб Свободных Художников очередная раздача халявы!!! Сегодня я хочу представить вашему вниманию флеш часы для сайта или блога, дизайн для которых вы можете сделать самостоятельно, не обладая какими-либо навыками во флеш. Данный виджет распространяется совершенно бесплатно, кроме того в движке часов нет никаких сторонних ссылок и кнопок, как это любят делать многие авторы для продвижения своих ресурсов.


Действительно, в Интернете очень много ресурсов предлагают скачать или установить кодом HTML часы для сайта или блога. Обычно, платой за такую услугу является ссылка в скрипте флешки, которая ведет на сайт авторов. Понятно, что кому-то такой вариант совсем не подходит.

Также флеш часы можно просто напросто купить на каком-нибудь микростоке или заказать напрямую. Но на этот раз я предлагаю действительно 100% халяву =) И в моих флеш часах не будет никаких назойливых ссылок, кнопок и прочих маркетинговых штучек. Вам самим решать, рассказывать своим читателям или пользователям об этой флеш полезности или нет. Если уж действительно захочется сделать доброе дело, то просто можно написать статью про эту халяву.

Кроме того дизайн часов можно создавать самому! Вам не нужно будет подбирать что-то подходящее из тысячи представленных вариантов. Просто нарисуйте в любой графической программе циферблат без стрелок на подходящем вашему сайту фоне, а хитрый скрипт сам подгрузит этот фон в часы.

Итак, теперь показываю как выглядит все это на деле. Ниже вы видите флеш часы без бэкграунда вообще.



А вот та же флешка подгрузила нарисованный мною бэкграунд, который представляет из себя классический циферблат офисных часов на белом фоне.



Всё очень просто! Даже совсем неопытному вебмастеру под силу сделать это самому.

УСТАНОВКА ФЛЕШ ЧАСОВ С СОБСТВЕННЫМ ДИЗАЙНОМ

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



Изображение должно быть размером 250x250px, формат желательно .jpg (можете поэкспериментировать с другими форматами, по идее должно работать с большинством из распространенных)

2. Загрузите свой дизайн на хостинг или подходящий ресурс(например picasa, narod и т.п.)

Просто загружаем свою картинку куда вам удобнее. В итоге потребуется ее абсолютный адрес в Интернете. Например: http://mysite.ru/images/clock-background.jpg

3. Установите флеш часы на свой сайт или блог с помощью кода вставки

Выберите подходящее место для часов. Используйте опцию "вставка виджета", "добавить гаджет", "HTML/JavaScript" или что-то подобное(все зависит от платформы вашего сайта или блога). Для вставки используйте следующий код:

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0 " width="250" height="250"> <param value="http://volkoffroman.narod2.ru/customclock/analog_custom_clock.swf" name="movie"> <param value="high" name="quality"> <param value="link=http://АДРЕС_ВАШЕЙ_КАРТИНКИ" name="flashvars"> <embed pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" src="http://volkoffroman.narod2.ru/customclock/analog_custom_clock.swf" flashvars="link=http://АДРЕС_ВАШЕЙ_КАРТИНКИ" type="application/x-shockwave-flash" width="250" height="250"></embed></object>

Вместо строчки http://АДРЕС_ВАШЕЙ_КАРТИНКИ вставьте адрес, про который говорится в пункте №2.

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

Оригинальный размер флешки 250x250px. При желании его можно менять. Для этого замените значения width="250" и height="250" в коде вставки на подходящие вам. Например: нужны часы 150x150px - пишем width="150" и height="150". При сильном увеличении из-за растрового формата фона могут стать заметны пиксели, поэтому не увлекайтесь особо. Также при уменьшении фон может выглядеть не аккуратно из-за наложения пикселей растровой картинки друг на друга. Для борьбы с этим уменьшите значение dpi фона, сохраняя размер вашего дизайна прежним 250x250px. Сделать это можно через Photoshop: Image -> Image Size -> уменьшаем Resolution(например до 30 pixels/inch), возвращаем оригинальный размер Width:250pixels и Height:250pixels

Чтобы не быть привязанным к оригинальному размеру виджета, можно нарисовать фон непосредственно во флеш (Adobe Flash или Macromedia Flash). В этих программах используется векторная графика. Такие картинки можно масштабировать не ограниченно без потери качества. В итоге должен получиться флеш файл с расширением .swf, который вы можете использовать в качестве фона по аналогии с примером, описанным выше. Так что продвинутым пользователям я бы порекомендовал не заморачиваться с растром. Если есть соответствующие навыки работы, то рисуйте дизайн для часов сразу в векторе.

Удачи вам в ваших начинаниях!

DACASCAS

Для тех, кто знает, что Наруто - это круто: narutokruto.ru

Гордость России - Ессентуки