Режим чтения для uCoz


Режим чтения для uCoz

528
8.8 из 10
Проголосовало: 7





Данный скрипт даст возможность читать текст материала без отвлечения на дизайн сайта, выведя текст материала на отдельный блок.
Просто, но может где и пригодится.

Установка:
Зайдите в ПУ > Управления дизайном > Страница материала и комментария к нему и добавьте в удобное место следующий код:
Код
<div class="read_mode" title="ВКЛючить режим чтения" onclick="$('.read_mode_on').show();$('html, body').css('overflowY','hidden');"></div>  
   
  <div class="read_mode_on" style="display:none">  
  <div class="read_mode" title="ВЫКЛючить режим чтения" id="off" onclick="$('.read_mode_on').hide();$('html, body').css('overflowY','auto');"></div>  
  <div class="mess fix"><?if($MESSAGE$='')?>$MESSAGE$<?else?>$BRIEF$<?endif?></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%;}
Автор публикации: Загрузка
Загрузка
CbIPoK2513, это его n материал
Источник: http://pandora.clan.su/
  • Всего комментариев: 13

CbIPoK2513
0
CbIPoK2513 написал: Написано 16 Июля 2016 в 17:50
Комментарий №11
На демке баг произошёл biggrin
Когда переходишь "Режим чтения" сразу включён biggrin

Вовчик
+1
Вовчик написал: Написано 16 Июля 2016 в 13:27
Комментарий №8
кнопка ужасна)) нечеткая

1488
0
1488 написал: Написано 16 Июля 2016 в 14:50
Комментарий №9
Знаю:D, так навалял на пару сек. просто лучше сделать Кнопки Вкл и Выкл, так ещё лучше смотреться будет.

CbIPoK2513
0
CbIPoK2513 написал: Написано 16 Июля 2016 в 17:49
Комментарий №10
Да я сам скрипт написал по быстрому)

1488
0
1488 написал: Написано 16 Июля 2016 в 20:19
Комментарий №12
Понятно, что ты хорош)

CbIPoK2513
0
CbIPoK2513 написал: Написано 16 Июля 2016 в 23:20
Комментарий №13
Да не, дело не в этом.. Просто скрипт реально простой, но на некоторых сайтах он просто необходим. Например сайты с новостной тематикой.
Как говорится: "Всё гениальное - просто".

1488
-2
1488 написал: Написано 12 Июля 2016 в 09:12
Комментарий №3
$BRIEF$ правильно будет заменить на $MESSAGE$, зачем краткое -то описание.

CbIPoK2513
-1
CbIPoK2513 написал: Написано 12 Июля 2016 в 15:22
Комментарий №4
Я у себя вместо "Полного описания" использую "Краткое описание", вдруг кто-то так же делает.

k43
0
k43 написал: Написано 12 Июля 2016 в 16:00
Комментарий №5
впрочем не важно $BRIEF$ или $MESSAGE$. автор представил готовый скрипт и "разжёвывать" тут думаю лишнее...

CbIPoK2513
0
CbIPoK2513 написал: Написано 12 Июля 2016 в 16:12
Комментарий №6
После добавления скрипта на сайт, подумал:"А вдруг другие тоже делают как я" и добавил ещё и вывод для краткого описания biggrin

k43
0
k43 написал: Написано 12 Июля 2016 в 16:28
Комментарий №7
я тоже краткое описание использую под описание, а в полном описании пишу инструкцию по товару что и как (особенность материала) + использую фильтр типо такого "Информация", "Загрузка", "Видео" и.т.п, при заполнении материала выбрал что нужно и найс)

F1z140K
0
F1z140K написал: Написано 12 Июля 2016 в 06:33
Комментарий №2
А прикольное емае! и Удобно.

Вовчик
+1
Вовчик написал: Написано 11 Июля 2016 в 23:53
Комментарий №1
сразу не понял куда надо нажать)) а так прикольно...

  • Оставить комментарий:
Добавлять комментарии могут только зарегистрированные пользователи.
Регистрация | Вход
Меню сайта
Категории
Для помощи создания сайта uCoz 25
Скрипты и модификации для Ucoz 2113
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 431
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
  • sasha2016tv написал:
  • Хороший скрипт
    Ох. Вижу, что обсуждение очень старое. Но!
    На других CMS так же будет все это реализовано. На нормальных CMS.
    Такое решение может подойти лишь для landing сайтов. Но и то, не думаю, что там кто то заморачивается в написании какого либо контроллера генерирования шаблона и используют прямо в лоб чистый HTML, поэтому и будут для каждой страницы свои блоки делать.

    Поэтому лучше тут все же дописать решение именно для ucoz без загрузки этих лишних блоков на странице. Ведь используя условные операторы этот код даже не будет прогружаться на странице. (Лол. Это ж доли секунд загрузки...) И что? Но давайте делать оптимальнее
    Моё авторство:)
  • 1488 написал:
  • 1488 написал:
  • Смысл исходный код? он возвращает после обновление страницы на то положение которое было... или как?
  • 1488 написал:
  • как поставить галки как скрине?
    а то невозможно поставить...
    Последние темы
    Опрос
    229
    А
    Р
    Что произойдёт: $("#...
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 4
    Гостей: 4
    Пользователей: 0
    0
    Сегодня были
    Топ пользователей: