Переходим к очередному материалу и сразу хочу заметить, что появилась новая категория у нас сайте онлайн-сервисы. Не знаю почему, но думаю помимо скриптов и уроков, для Вас может будут полезны некоторые онлайн-сервисы, которых в принципе, огромное множество и при разработке сайтов, вполне очень даже хорошо применяются. Есть еще идеи, например, запустить новую категорию плагины для WordPress или других CMS. Жду Ваших комментариев по этому поводу. Кстати, пока не забыл, хочу напомнить, что на сайте имеется также урок на тему отсчет времени JQuery, в котором создается данный обратный отсчет времени до определенной даты. Кому интересно, можете посмотреть и свободно использовать у себя на сайте.
Ну, а теперь, давайте уже перейдем к самому онлайн таймеру MegaTimer, он так же имеет свойства счетчика обратного отсчета с функциями зацикливания и отложенного запуска. Хочется отметить, один очень приятный момент, что онлайн-сервис предоставляет таймер в бесплатном режиме, причем, действительно, с отличным функционалом!
После краткого описания, давайте перейдем к по шаговому рассмотрению настройки счетчика.
Всего имеется три типа счетчика обратного отсчета. Приведу по каждому из них описание, думаю Вы уже сразу потом решите какой Вам потребуется.
Теперь, когда Вы уже определились с типом счетчика, можем смело переходить к дизайну и выбрать из предложенных вариантов, подходящий для нас. На выбор нам предлагается девять вариантов дизайна счетчика. Каждый по своему уникален и идентичен. Каждый можно будет тщательно настроить и сразу же проверить на работоспособность.
Пока не забыл отметить, что также можно выбрать галочками, какие пункты из даты и времени нужны - дни, часы, минуты и секунды. Это позволяет, действительно, гибко настроить свой счетчик.
Когда мы выбрали дизайн, переходим, непосредственно, к настройкам самого счетчика и тут как раз стоит немного разобраться, для чего и какая настройка нужна.
Вид табличек.
Здесь мы можем отредактировать закругление углов, если был выбран фон. Например, градиент или сплошной. Можем выбрать подходящий фон, который делится на три варианта - прозрачный, градиент и сплошной.
Добавить эффект перемотки или перелистывание. Сделать отступ от самих табличек, а точнее самих цифр, а также сделать просто отступ между днями, часами, минутами и секундами.
Цифры.
Можем выбрать шрифт, размер шрифта, а также сам цвет. При этом еще можете также задать внутренний отступ от табличек.
Разделитель.
Является знаком разделителем между днями, часами, минутами и секундами. Который можно выключить или включить, указав нужный нам разделитель в поле.
Подписи.
Если подписи включены, то внизу появятся названия для определения цифр таймера. Ну то есть дни, часы, минуты и секунды. Их тоже можно спокойно настроить, задав нужный шрифт, размер и цвет.
На последок, нам остался всего один простой и элементарный шаг, скопировать полученный код и вставить его себе на сайт в нужное место.
Надеюсь, первый материал в категории онлайн-сервисы, пришелся Вам по вкусу и был полезен. Буду рад стараться для Вас дальше! Учитесь новому, познавайте новое! Всем удачи!)