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


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

411
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 24
Скрипты и модификации для Ucoz 2101
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 429
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
Поставил ваш код он начинает считать от 0 до 100 и останавливаеться. я думал он будет в случайном порядке показывать цыфры
как поставить свою ссылку и логотип
  • Сатурн-1 написал:
  • Похвально.
  • Winston888 написал:
  • Я не говорил что делаю только скрипты. Я делаю шаблоны, скрипты, адаптации с разных движков под ucoz и на оборот + я ещё и сам рисую. В данный момент занимаюсь дизайном для webo4ka сам рисую сам верстаю.
  • Сатурн-1 написал:
  • Заметь, мы делаем почти одну и ту же работу.
    Ты - скрипты, я -шаблон. И каждый делает это бесплатно, НО
    ты делаешь скрипты без шаблона, я делаю шаблон без скриптов (не считая основных).
    Я тоже могу сказать что твои скрипты не идеальны, но не буду т.к. даже не знаю какие из всех существующих твои.
    Поэтому ты не сравнивай скрипты и шаблоны да еще и на Ucoz'e, мы же не на хакатоне каком нибудь.
    Последние темы
    Опрос
    404
    А
    Р
    Оцените новый дизай:)
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 3
    Гостей: 3
    Пользователей: 0
    0
    Сегодня были
    Топ пользователей: