Описание
Данный скрипт даст возможность читать текст материала без отвлечения на дизайн сайта, выведя текст материала на отдельный блок.
Просто, но может где и пригодится.
Установка:
Зайдите в
ПУ >
Управления дизайном >
Страница материала и комментария к нему и добавьте в удобное место следующий код:
Код
<div class="read_mode" onclick="$('.read_mode_on').show();$('html, body').css('overflowY','hidden');"></div>
<div class="read_mode_on" style="display:none">
<div class="read_mode" id="off" onclick="$('.read_mode_on').hide();$('html, body').css('overflowY','auto');"></div>
<div class="mess fix">$MESSAGE$</div>
</div>
Далее зайдите в
ПУ >
Управления дизайном >
Таблица стилей (CSS) и добавьте в самый низ этот код:
Код
.read_mode {top: 10vh; left: 100px;} /* Position */
.read_mode {width: 30px; height: 30px; position: fixed; background: #ddd url('/img/rd_ico.png') no-repeat center / 24px; border-radius: 50%; overflow: hidden; box-shadow: 0 0 0 1px rgba(34,34,34,.02) inset;}
.read_mode:hover {opacity: .7;}
.read_mode_on {width: 100%; height: 100%; z-index: 9999; position: fixed; left: 0; top: 0; right: 0; bottom: 0; background: rgba(34,34,34,.95); box-shadow: 0 0 5px 0 #343434;}
.read_mode_on .mess {width: calc(80% - 40px); height: calc(80% - 20px); margin: 5% auto; padding: 10px 20px; background: #343434; color: #fff; font-size: 15px; line-height: 1.5; overflow-x: hidden; overflow-y: auto;}
.read_mode_on .mess.fix img, .read_mode_on .mess iframe, .read_mode_on .mess video {max-width: 100%;}
Важно
При копирование материала
указывайте ссылку на страницу и автора материала.
Адресом страницы является ссылка:
http://pandora.clan.su/publ/1-1-0-19
Автором материала является:
Denis Minov (CbIPoK2513)
Лицензия
GNU GPL от 2016 года.
