Режим демо-просмотра для uCoz

Наверх!
Режим демо-просмотра для uCoz
Демо Скачать
Доп. услуги

Описание

При нажатии кнопки ”демо” раздвигается блок в котором можно посмотреть, например страницу. Так же есть кнопка ”На весь экран”, из названия кнопки понятно, что демо откроется на весь экран.

Установки:
Зайдите в Файловый менеджер и создайте папку css и js, если они есть, то выполните следующее:
Файл из папки css (Тот что в архиве), загрузите в папку css (Ту, что в Файловом менеджере). Тоже самое сделайте и с папкой js.

Далее, в нужном месте вставьте этот код:
Код
<div class="DS_demo">
<div class="top">
<a href="#" id="open" title="Нажмите чтобы открыть демо | Нажмите ещё раз чтобы закрыть">Демо</a><a href="#" id="fullscreen" style="display: none;" title="Открыть демо на весь экран">На весь экран</a>
</div>
<div class="demo" style="display: none;">
<div class="closed" title="Закрыть демо"><span></span><span></span></div>
<iframe src="ССЫЛКА"></iframe>
</div>
</div>
</div>

Замените слово "ССЫЛКА", на страницу которую хотите отобразить в демо-режиме.

В <head></head> вставьте этот код:
Код
<link href="/css/DS_demo.css" rel="stylesheet"/>


И под </body> этот код:
Код
<script type="text/javascript" src="/js/DS_demo.js"></script>

Важно

При копирование материала указывайте ссылку на страницу и автора материала.
Адресом страницы является ссылка: http://pandora.clan.su/publ/1-1-0-27
Автором материала является: Denis Minov (CbIPoK2513)

Лицензия GNU GPL от 2016 года.
Дополнительно
Комментарии
Всего 3
ответить
tolyan163rus 01.10.16 в 11:20
Очень четко сделано, Спасибо большое!
_____________________________________
1.В ксс: лежит js файл какой-то, самого нету...
2. у кого-то 1сентября сегодня biggrin Дата релиза: 1.09.16
http://pandora.clan.su/demo/DS_demo/DS_demo.css
ответить
tolyan163rus 01.10.16 в 12:56
Есть минусы:
-где присутствует звук, на странице автоматически вкл звук не нажимая на кнопку...
-демо показывается везде(где и нету демо к материалу) <?if($DOCPAGE_URL$)?><?endif?> оберни демо...
-при нажатий на кнопку он чутка вверх поднимается, приходиться спускаться вниз для просмотра
-и при нажатий на демо в полный экран(видны элементы:мод.кнопок, рейтинг...)
ответить
CbIPoK2513 01.10.16 в 23:09
tolyan163rus, прошу прощения, торопился, обновил архив.
1. Это надо смотреть; 2. Это можно сделать самостоятельно; 3. добавьте под "демо" данный код
Код
.DS_demo .demo.full {z-index: 9999;}
Комментарии могут оставлять только зарегистрированные пользователи.