регистрация
856материалов
3280комментариев
235тем на форуме
6813пользователей

Страница технических работ для uCoz от Madeas


Описание:

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

Установка:

1. Качаем архив и загружаем в Файловый менеджер в папку /css/  (рекомендуем загружать файлы через бесплатный FTP клиент - FileZilla).

2. Панель управления - Общие настройки и поставьте там галочку напротив «Сайт временно отключен».

3. Далее переходим на страницу "Сайт временно отключен" и меняем весь код на этот:
Код
<!DOCTYPE html>
<html lang="ru-RU" class="no-js">
        <head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0">        
        <title>Madeas.ru - сайт временно отключен</title>
        <meta name="description" content="Page technical works by Madeas studio" />
        <link rel="stylesheet" type="text/css" href="css/tech/default.css" />
        <link rel="stylesheet" type="text/css" href="css/tech/component.css" />
        <script src="css/tech/modernizr.custom.js"></script>
        </head>
        <body>
        <div class="container">        
        <div class="os-phrases" id="os-phrases">
        <h2>На сайте</h2>
        <h2>ведутся</h2>
        <h2>технические работы...</h2>
        <h2>Приготовьтесь</h2>
        <h2>увидеть нечто новое</h2>
        <h2>Мы откроемся </h2>
        <h2>скоро...</h2>
        <h2>ваш сайт</h2>
        <div style="position:absolute; bottom:10%;right:.5%;">$ADMIN_LOGIN_FORM$</div>
        </div>
        </div><!-- /container -->
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
        <script src="css/tech/jquery.lettering.js"></script>
        <script>
        $(document).ready(function() {
        $("#os-phrases > h2").lettering('words').children("span").lettering().children("span").lettering();        
        })
        </script>
        <div style="position:absolute; bottom:2%;left:45%;right:auto;">$POWERED_BY$</div>
        </body>
</html>

Если вы хотите изменить фоновое изображение, откройте файл default.css и замените его в коде:
Код
body {
        font-family: 'Lato', Calibri, Arial, sans-serif;
        color: #fff;
        background: #000 url(//madeas.ru/background/black-bg-home.jpg) 0 0 no-repeat;
        background-size: cover;
}


Шаблон опубликовал:
...
Логин на сайте: ...
Группа: ...
Статус: ...
Информация о шаблоне:
Дата добавления материала: 03.03.2017 в 16:00
Материал просмотрен: 579 раз
Категория материала: Шаблоны для uCoz
К материалу оставлено: 14 комментариев

Пожаловаться
Сказать спасибо
Источник

14 комментариев


S
Sergey @Sarafan 03.03.2017 16:271
-8
Это школьник делал? Куда выкатитесь выкладывая такие материалы?
k
dimon ivanov @kosten5637 03.03.2017 22:262
+4
Так говорят, когда сами не чего не сделали, а вот дай волю другого обсудить.
iMadeas
Madeas Gaming @iMadeas 03.03.2017 22:503
+3
Пусть пишут, мне всегда нравились такие люди =) Да и критику надо воспринимать положительно, как взгляд со стороны.
trem
И Вам не становится обидно? Я бы на своём месте обиделся бы на такого человека, так как Вы делаете улучшения для ucoz, которое абсолютно бесплатно. По мне материал очень не плохой, только честно анимация появления текста на любителя.
iMadeas
Madeas Gaming @iMadeas 06.03.2017 12:006
+1
Нет, сколько людей сколько и мнений, да и сами наверное знаете, на дураков не обижаются )
S
Sergey @Sarafan 06.03.2017 21:107
-1
Ну что ты дурак мы это все прекрасно знаем :)
trem
Зачем автора материала дураком называть? Ведь автор старался, делал данный скрипт, который выложил бесплатно.
S
Sergey @Sarafan 09.03.2017 01:0811
0
Я взаимно оскорбил
Ромчик
Если Вам не нравится материал, то просто пройдите мимо
S
Sergey @Sarafan 09.03.2017 01:0812
0
А что я не могу свое мнение выразить
trem
конечно можете, но сдержано, не надо называть автора материала школьником, так как автор материала старался делая данную страницу тех.работ.
S
Sergey @Sarafan 06.03.2017 21:118
0
На правду не надо обижаются
trem
Оригинально смотрится страница тех.работ
avatar
-50% на шаблоны от TemplateMonster
Создать сайт вместе с uKit.com
Статистики нашего сайта
Правила чата
Пользователи онлайн
Закрыть мини-чат
+Открыть мини-чат
0
Онлайн всего: 2
Гостей: 2
Пользователей: 0