» »

Страница тех работ или заглушка для сайта


Страница тех работ или заглушка для сайта

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

На фоне мы можем видеть какой - то город, точнее дорогу, пару надписей о том что же случилось с Вашим сайтом и естественно таймер показывающий через сколько Ваш сайт станет доступным.

Перейдём к установке:

Качаем архив там будет несколько папок, распакуем их в удобное для вас место.

1. CSS (загружаем в корень вашего сайта)
2. FONTS (загружаем в корень вашего сайта)
3. IMAGES (загружаем в корень вашего сайта)
4. JS (загружаем в корень вашего сайта)

После этого копируем код что ниже:

Код
<!--
  Author: MinimaL
  Author URL: http://zornet.ru
   
-->

<!DOCTYPE html>
<html>

<!-- Head -->
<head>

  <title>Ooops.. Тех.работы</title>

  <!-- For-Mobile-Apps -->
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <meta name="keywords" content="Countdown Timer Widget Responsive, Login Form Web Template, Flat Pricing Tables, Flat Drop-Downs, Sign-Up Web Templates, Flat Web Templates, Login Sign-up Responsive Web Template, Smartphone Compatible Web Template, Free Web Designs for Nokia, Samsung, LG, Sony Ericsson, Motorola Web Design" />
  <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
  <!-- //For-Mobile-Apps -->

  <!-- Style -->
  <link href="css/jquerysctipttop.css" rel="stylesheet" type="text/css">
  <link rel="stylesheet" href="css/style.css" type="text/css"/>
  <!-- //Style -->

  <!-- Fonts -->
  <link href='//fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
  <link href='//fonts.googleapis.com/css?family=Roboto:400,100,300,500,700,900' rel='stylesheet' type='text/css'>
  <!-- Fonts -->

</head>
<!-- //Head -->

<!-- Body -->
<body>

  <div class="container">
  <h1>НА САЙТЕ ТЕХ РАБОТЫ</h1>
  <div class="clear-loading spinner">
  <span></span>
  </div>
  </div>

  <div class="wrapper">
  <h2>Мы скоро :-)</h2>
  <h3>Мы обновляем сайт для Вашего удобства. <span class="sub-message">Мы отскроемся через :</span></h3>

  <div class="clock">
  <div class="column days">
  <div class="timer" id="days"></div>
  <div class="text">DAYS</div>
  </div>
  <div class="timer days">:</div>
  <div class="column">
  <div class="timer" id="hours"></div>
  <div class="text">HOURS</div>
  </div>
  <div class="timer">:</div>
  <div class="column">
  <div class="timer" id="minutes"></div>
  <div class="text">MINUTES</div>
  </div>
  <div class="timer">:</div>
  <div class="column">
  <div class="timer" id="seconds"></div>
  <div class="text">SECONDS</div>
  </div>
  </div>
  </div>

  <div class="footer">
   
  </div>

  <!-- Custom-JavaScript-File-Links -->
  <script src="js/jquery-1.12.3.min.js" integrity="sha256-aaODHAgvwQW1bFOGXMeX+pC4PZIPsvn2h1sArYOhgXQ="crossorigin="anonymous"></script>
  <script type="text/javascript" src="js/moment.js"></script>
  <script type="text/javascript" src="js/moment-timezone-with-data.js"></script>
  <script type="text/javascript" src="js/timer.js"></script>
  <!-- //Custom-JavaScript-File-Links -->

</body>
<!-- //Body -->

</html>
22.03.2017 Загрузок: 12 Просмотров: 504 Комментарий: (12)

Поделиться в социальных сетях

Материал разместил

Комментарий: 12
First
First 22.03.2017 12:331
0
Это только я один скрина на материал не вижу?
Kosten
Kosten 22.03.2017 12:482
0
Не ты один, бывает такое.)
Alkapone
Alkapone 22.03.2017 15:134
0
Который раз уже что - то выкладываю и скрин через раз добавляется)
Kosten
Kosten 22.03.2017 15:165
0
Видать по массе большой, но у других получается, надо видать в админ панели что то сделать.
Kosten
Kosten 23.03.2017 20:229
0
Просто у тебя права, что можешь смотреть на Модерация, и ты не один видишь, также вижу.)
Kosten
Kosten 22.03.2017 13:033
0
Все поставил изображение, так как в архиве есть файл демонстраций.
tsakonter
tsakonter 22.03.2017 21:306
0
Эти страницы стали похоже друг на друга, только фон меняй.
Kosten
Kosten 22.03.2017 21:337
0
Чтоб сравнивать, нужно скачать, там есть файл демонстраций.
Марковичь
Марковичь 23.03.2017 01:288
+1
Вы хоть бы написали, как нужно время ставить или без этого можно обойтись.
avatar
juvecol 09.04.2017 06:5710
0
как менять время и дату обратного отсчета?
avatar
zaur_adamov 15.04.2017 00:4711
+1
В скрипте "timer.js", найди строку "endDate: '2050-04-29 19:45'"

2050-04-29 это дата.
Maryges
Maryges 15.04.2017 01:0312
+1
Это хорошо бы в сам материал закинуть, то про это не слово не сказано.
avatar