Таймер обратного отсчета

Подпишись на наши RSS Уроки по Фотошоп , просто щелкнув по иконке.

Новинка! Узнайте о Самом Результативном Способе Изучения Фотошопа, Без Посещения Дорогих Курсов, Без Черно-Белых Самоучителей и Без Метода Тыка!

10 Часов Практических Уроков Записанных с Экрана Монитора с Подробными Аудио-Комментариями сделают из Вас настоящего Учителя Фотошоп!

Подробнее..

Создаём новогоднюю поздравительную открытку

Создаём сложное выделение волос

Превращаем современную фотографию в старую

Создаём разноцветную светящуюся спираль

Наносим естественную татуировку в Фотошопе

Уроки по сайтостроению - Рубрика: PHP

Таймер обратного отсчета

В этом уроке мы поставим таймер обратного отсчета времени и привяжем к какому-нибудь событию. Пусть у нас 1 января 2015 года в 12 часов дня у нас будет какое-нибудь знаменательное событие :) До этого времени мы посетителям нашего сайта будем показывать таймер обратного отсчета, а в час Х....

а) Отправим пользователя на какой-либо сайт

б) Либо просто что-нибудь ему скажем

Демо версия находится здесь. Файлы можно скачать тут.

Ну что ж, приступим.

В нужном месте, там где мы планируем выводить наш таймер, подключаем скрипт:

В этой же строке проводятся все настройки скрипта через GET - параметры:
timezone = - Ваша временная зона. Моя например Asia/Yekaterinburg (т.е. GMT + 5:00). Правильно написать свое тайм-зону вам поможет эта страница.
countto = - Время Х, т.е. время, когда наступит наше знаменательное событие в формате ГГГГ-ММ-ДД ЧЧ:ММ:СС
Параметр do=t&data может принимать 2 значения:
do=t&data= - Текст, который будет написан вместо таймера по наступлению часа Х
do=r&data= Когда наступит час X, отправим посетителя на какую-нибудь страницу, например : http://ruseller.com

Ну и, конечно, CSS

#cd {
margin: auto;
height: 50px;
width: 450px;
font-family: "Courier New", Courier, mono;
font-size: 24pt;
color: #000;
text-align: center;
font-weight: bold;
background-image: url(back.jpg);
vertical-align: middle;
}

Добавляем этот код в свой css - файл, либо прописываем на странице между тегами <head></head>. Код довольно простой, можете без труда создать что-то свое.

Вот и все. Удачи!

Данный урок подготовлен для Вас командой сайта http://ruseller.com

Если хотите не упустить данный урок, добавьте его в закладки:

Хотите освоить весь Фотошоп с нуля?

Рекомендую Вам курс "Учитель Фотошопа в видеоформате", который состоит из 2-х частей: теоретической и практической. Все уроки даны в видеоформате с подробным озвучиванием всех выполняемых действий. Именно такой подход в изучении, позволит Вам в максимально короткие сроки овладеть всеми аспектами работы в Фотошоп.

Узнать подробнее

Рейтинг:

Добавлено: 2009-05-02 Просмотров: 4201 Сайт-источник: www.minisitegallery.com

Комментарии (1)

Комментарий by Елена, От 2010-11-29

Почему то на моем сайте www.vizitka.wmsite.ru счетчик попросту не отображается.

Оставить комментарий:

Рассылка - "Лучшие видеоуроки Фотошоп даром". Подписавшись на неё, Вы 2 раза в месяц будете получать на свой почтовый ящик, ссылки на лучшие уроки по работе в программе Adobe Photoshop совершенно бесплатно!

Лучшие уроки по Фотошопу 2 раза в месяц!

Ваше имя на русском: *

Ваш Email адрес: *

Подпишитесь сейчас и получите доступ к разделу "Лучшие уроки Фотошопа".

Если Вы давно мечтаете о создании собственного сайта на движке Drupal, то советую Вам обратить внимание на мой новый видеокурс "Drupal - Как создать профессиональный сайт с нуля". Это более 100 видеоуроков из которых Вы узнаете, как создать 4 сайта различной напрвленности, сложности и функционнальности.

Узнать подробнее

В версии Photoshop CS2 содержится много библиотек кистей (файлов с расширением .abr). Эти кисти можно загружать из меню палитры Brushes или раскрывающегося списка Brush на панели опций. В обоих случаях надо нажать стрелочку в правом верхнем углу – при щелчке по ней появится меню, в конце которого перечислены дополнительные файлы с наборами кистей.

Узнать больше