Хаки и Скрипты Next Generation CMS : Время, дата, календарь, Интерфейс : Красочные часы с помощью CSS и JQuery

irbees2008 Опубликовано - 5 - октября Время, дата, календарь

Адаптировал: irbees2008
Источник:
Уровень сложности исполнения: это делается простым копированием и нажиманием кнопки
Демо:

Сегодня воспользуемся JQuery плагином tzineClock.
Для начала
1.Скачиваем архив Вы не можете скачивать файлы с нашего сайта ,рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем. ,распаковываем и заливаем в папку с шаблоном.
2.В хеад подключаем стиль и скрипты необходимые для работы часов:

Код:

<link rel="stylesheet" type="text/css" href="css/jquery.tzineClock.css" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="{tpl_url}/js/jquery.tzineClock.js"></script>
<script type="text/javascript" src="{tpl_url}/js/script.js"></script>

3.Добавляем блок в котором будут отображаться часы:

Код:

<div id="fancyClock"></div>

Вот и все пользуемся

Можешь почитать и вот эту статейку "Настраиваем плагин News avatar info"

Это тоже интересно

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