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

767
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 2118
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 431
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
  • Marishka написал:
  • Можете добавить свои input поля, но сохраняйте их порядок в html для правильного сохранения и вывода.
  • Marishka написал:
  • Новая версия 1.3 (+6 новых станций):
    Установка:
    Демо: Перейти
  • Marishka написал:
  • Доп 8 станций:
    Код
    <div class="mSt"><p>Tropical</p><div data="2/trop_64">64</div><br><div data="2/trop_128">128</div><br><div data="2/trop_320">320</div></div>  
      <div class="mSt"><p>Нафталин FM</p><div data="2/naft_64">64</div><br><div data="2/naft_128">128</div><br><div data="2/naft_320">320</div></div>  
      <div class="mSt"><p>Rave FM</p><div data="2/rave_64">64</div><br><div data="2/rave_128">128</div><br><div data="2/rave_320">320</div></div>  
      <div class="mSt"><p>Gold</p><div data="2/gold_64">64</div><br><div data="2/gold_128">128</div><br><div data="2/gold_320">320</div></div>  
      <div class="mSt"><p>GOA/PSY</p><div data="2/goa_64">64</div><br><div data="2/goa_128">128</div><br><div data="2/goa_320">320</div></div>  
      <div class="mSt"><p>Minimal/Tech</p><div data="2/mini_64">64</div><br><div data="2/mini_128">128</div><br><div data="2/mini_320">320</div></div>  
      <div class="mSt"><p>House</p><div data="2/fut_64">64</div><br><div data="2/fut_128">128</div><br><div data="2/fut_320">320</div></div>  
      <div class="mSt"><p>Megamix</p><div data="2/mix_64">64</div><br><div data="2/mix_128">128</div><br><div data="2/mix_320">320</div></div>


    Fix работы радио:
    Находим: if(radUrl=="tm" || radUrl=="ps" || radUrl=="teo" || radUrl=="dc")
    Меняем на: if (radUrl == "tm" || radUrl == "ps" || radUrl == "teo" || radUrl == "dc" || radUrl == "gop")
  • CbIPoK2513 написал:
  • Мой вариант выдаёт аватарку картинкой, а не текстом.
  • waak написал:
  • и ещё забыл добавить что использую модуль каталог сайтов
    Последние темы
    Опрос
    469
    А
    Р
    Оцените новый дизай:)
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 2
    Гостей: 1
    Пользователей: 1
    0
    Сегодня были
    Топ пользователей: