Онлайн-генератор веб-цветов
Онлайн-подбор оптимальных веб-цветов для сайта
Онлайн-редактор HTML
Цветовой онлайн-калькулятор
Онлайн-калькулятор
Онлайн-рисовалка PencilMadness
  • Web
  • Images
  • News
  • Videos
  четверг, апреля 28, 2011  

Часы в блог от Clocklink.com
Создав свой блог, многие захотят украсить его, выделить из общей массы подобных. Кто-то к этому приступит рьяно и фанатично, кто-то размерено и аристократично. И, я думаю, не лишне мне будет рассказать о виджетах часов, которые пользуются относительной популярностью в нелегком деле “украшательства” блога.

В этой статье остановлюсь конкретно на обзоре сервиса Clocklink.com. Сайт предлагает огромный выбор тикающих плюшек. Заглянув к ним на страницу, вы сможете в одном из множества разделов подобрать себе оригинальные часики. Определившись, нажмите на кнопку “View HTML Tag” (Посмотреть HTML), расположенную под каждым из образцов, чтобы узреть код выбранных часов:

Часы в блог 
Вы очутитесь на странице, где предоставляется возможность выбора цвета, размера и часового пояса. После настройки скопируйте скрипт, который находится тут же, и разместите у себя в блоге посредством гаджета HTML/JavaScript или на странице во вкладке “Изменить Html”. Все достаточно просто и симпатишно.

Для особо ленивых ниже я разместил некоторые из часоходов, изъятые из сайта Clocking.com. Выберите понравившийся пример, скопируйте код под ним и установите себе в блог. На всех часах стоит Московское время. Если вы захотите его поменять – на карте мира выберите свой регион, нажав на него, узнайте код часового пояса и введите его после слов TimeZone= в скрипте часов.

Карта мира:


Типы часов:


<script src="http://www.clocklink.com/embed.js"></script><script type="text/javascript" language="JavaScript">obj=new Object;obj.clockfile="0053-red.swf";obj.TimeZone="R2T";
obj.width=150;obj.height=150;
obj.wmode="transparent";
showClock(obj);</script>


<script src="http://www.clocklink.com/embed.js"></script>
<script type="text/javascript" language="JavaScript">obj=new Object;obj.clockfile="2002-orange.swf";obj.TimeZone="R2T";
obj.width=150;obj.height=150;
obj.wmode="transparent";showClock(obj);</script>


<script src="http://www.clocklink.com/embed.js"></script>
<script type="text/javascript" language="JavaScript">obj=new Object;obj.clockfile="8006-gray.swf";obj.TimeZone="R2T";
obj.width=150;obj.height=150;
obj.wmode="transparent";showClock(obj);</script>


<script src="http://www.clocklink.com/embed.js"></script>
<script type="text/javascript" language="JavaScript">obj=new Object;obj.clockfile="5012-blue.swf";
obj.TimeZone="R2T";
obj.width=91;obj.height=30;
obj.wmode="transparent";showClock(obj);</script>


<script src="http://www.clocklink.com/embed.js"></script>
<script type="text/javascript" language="JavaScript">obj=new Object;obj.clockfile="5024-orange.swf";obj.TimeZone="R2T";
obj.width=140;obj.height=140;
obj.wmode="transparent";showClock(obj);</script>


<script src="http://www.clocklink.com/embed.js"></script>
<script type="text/javascript" language="JavaScript">obj=new Object;obj.clockfile="5025-white.swf";obj.TimeZone="R2T";
obj.width=180;obj.height=180;
obj.wmode="transparent";showClock(obj);</script>

Во всех примерах выделенные участки отвечают за код часового пояса и размеры часов.



Понравилась статья? Поделись ею с друзьями!

Не забудь подписаться на обновления блога:


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