Автор

Шаблон «скоро открытие» с таймером отсчета

Шаблон «скоро открытие» с таймером отсчета


 

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

 

ДЕМО
ИСХОДНИКИ

 

Тогда вам необходимо поставить так называемую заглушку, или временную страницу "скоро открытие". Чтобы уведомить попавшего посетителя на вашу персональную страничку, что скоро сайт откроется. Но тут возникает недоумение, когда сайт откроется и сколько еще времени ждать до его открытия. Выход есть. Необходимо установить таймер обратного отсчета до так называемого "дня открытия". В данном уроке мы рассмотрим как создать такую страничку, с таймером обратного отсчета, который будет отсчитывать время до открытия сайта. Таймер будет помнить время до даты и не сбиваться.

Шаг 1. Разметка

Мы рассмотрим основные параметры которые необходимо знать при редактировании и подгонки шаблона под свое усмотрение, и так, для начала мы рассмотрим установку времени, для этого открываем файл index.html и ищем следующую строчку.

//Установка времени ---------------
year = 2012; month = 11; day = 6;

 

Далее рассмотрим строчки изменения текстовых полей, под шкалой времени ищем параметры и вписываем нужный текст:

//Стандартный текст ---------------------------------
main_titel= 'Скоро открытие нового сайта!';
sub_titel= 'осталось времени до открытия';
social_network_titel= 'Поделиться этой новостью в социальных сетях.';
//-----------------------------------------------

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

//URL социальных сетей -------
facebook= 'http://www.facebook.com';
twitter= 'http://twitter.com/';
rss= 'hide';
deviantart= 'http://matthiasoben.deviantart.com/';
myspace= 'http://www.myspace.com';
lastfm= 'hide';
flikr= 'hide';
//-------------------------------------------

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

Вот и все. Готово!

Многие материалы на сайте взяты из блогов: "Все для веб-дизайнера Rudebox", "A free library of HTML, CSS, JS nuggets Codyhouse" - полностью переведен и представлен в ознакомительных целях!

vk.com/club.ssdru

Подписывайтесь на нашу группу в контакте vk.com/club.ssdru



Статьи по темеjQuery

Шаблон «скоро открытие» с таймером отсчета

Если вы ищете, как создать активную диаграмму (или схемы) с информацией - эта новая статья для вас. Я просматривал в Интернете, и нашел одно хорошее и серьезное решение, - Highcharts библиотека. Это чистая javascript библиотека, которая предлагает интерактивные и интуитивно понятные графики. Эта библиотека поддерживает различные возможные графики: площадь, линии, сплайн, areaspline, пирог, колонны и другие. Я думаю, что это лучший способ, чтобы получить информацию для зрителей. Сегодня в демо я подготовил несколько примеров с разными графиками.


Шаблон «скоро открытие» с таймером отсчета

Навигация на сайте это неотъемлемый элемент, ведь с помощью нее пользователь с легкостью может перейти к необходимой информации, не задаваясь поиском информации теряя на это драгоценное время. Но порой необходимо поместить в меню достаточно много информации, а это не весьма удобно, ведь меню станет достаточно объемным и будет занимать много места, а это плохо скажется на визуальном оформлении сайта. Что же делать в таком случае? выход достаточно простой, нам необходимо создать выпадающее меню для сайта, которое будет отлично вписываться в дизайн сайта.


Шаблон «скоро открытие» с таймером отсчета

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


Шаблон «скоро открытие» с таймером отсчета

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


Раскрутка в соцсетях

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


Перейти в Блог

Надёжный хостинг

С нами хостинг удобен и прост, как диван у вас дома. Вы с комфортом размещаетесь, а все внутренние пружины мы берем на себя.

Бесплатный тестовый период, ежедневные бэкапы, неограниченный трафик, акции с бонусами... Конечно, у нас все это есть.


Перейти на хостинг

О КОМПАНИИ

Studio Design существует с 2001 года. Основной нашей деятельностью до 2007 года было видеопроизводство ( видеореклама и документальные фильмы, о чем подробно описано в нашем блоге ). С 2007 года, вот уже как лет, наша основная специфика - это создание сайтов для бизнеса или частной деятельности, веб дизайн, а также поддержка и администрирование готовых проектов. Каждая выполненная нами работа - это уникальный, а самое главное, адаптивный под все современные мобильные устройства дизайн сайта. Мы готовы создать сайт с нуля для каждого клиента с любого уголка России! Мы поможем Вам в создании, как одностраничных сайтов – визиток, так и крупных интернет магазинов или корпоративных сайтов. А все наши работы, большинство из которых действуют и по сей день!

Close

Целовальников Сергей


Веб-дизайн, HTML5, CSS3, jQuery, JavaScript, Верстка.

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

Close