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

1452
9.2 из 10
Проголосовало: 10





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

Установка:
Зайдите в ПУ > Управления дизайном > Страница материала и комментария к нему и добавьте в удобное место следующий код:
Код
<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 2126
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 433
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
  • dalamkontak написал:
  • Попробуйте социальную сеть Dalam Kontak !
    Сайт сети: Dkon.app
  • mrnoobsky написал:
  • Это моя работа, которая велась давольно таки давно smile Времени было мало, поэтому я скачал полностью все, что было и сделал архив happy
  • Snoopak написал:
  • 111 мегабайт? wtf? Что в архив напихали?
  • mrnoobsky написал:
  • Левое меню это BLG. Возможны какие-то баги, но в целом все должно работать корректно!
  • geleson2222 написал:
  • ?
    Последние темы
    Опрос
    541
    А
    Р
    Оцените новый дизай:)
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 1
    Гостей: 1
    Пользователей: 0
    0
    Сегодня были
    Топ пользователей:
    • Обратная связь
    • Правила
    • RSS
    • +18
    • Мобильная версия
    • Хостинг от uCoz
    • Хостинг от uCoz
    • Copyright - webo4ka.ru © 2010-2025 г.
    • Design by Вовчик
      Администратор:)