Настройка версии для слабовидящих (для администраторов сервиса)

Инструкции

Изменение исходного HTML

Вкладка «Protocol»

Действие выбирается в поле Action

  • set_style — позволяет добавить элементу, по селектору (поле Selector), один или несколько атрибутов (поле Value)
  • set_class — позволяет выставить элементу указанный в Value класс
  • set_id — позволяет выставить элементу указанный Value id
  • move_top — перемещает элемент на самый верх в тэге body

 

CSS стили

Часть описана тут http://public.finevision.ru/?p=110

  • .finevision-line-height-1 — задает множитель межстрочного интервала 1 (также есть .finevision-line-height-2 и .finevision-line-height-2)
  • .finevision-header — стиль для заголовка
  • .finevision-topmenu — стиль для горизонтального меню
  • .finevision-leftmenu — стиль для горизонтального меню слева (двухстолбцовый сайт)
  • .finevision-content — стиль для контента (двухстолбцовый сайт)
  • .shadow-off — удалить тень

 

Перенаправление

Для перенаправления на другую версию сайта необходимо во вкладке «Website» найти нужный сайт и нажать редактировать.
Указать в поле Url To Redirect нужный URL.

 

JS скрипты

Добавляются сайту во вкладке «Website», поле Attach File, а в поле Js Args аргументы переданные скрипту (через запятую)

  • add_js_script.js — добавит в head скрипты по указанным в Args url (полезен если исходные скрипты не зацепились)
  • ignore-all.js — у элементов по селекторам указанным в Args будет игнорироваться изменение шрифта, цвета и показ изображений
  • ignore-color — у элементов по селекторам указанным в Args будет игнорироваться изменение цвета
  • remove.js — удаляет элементы по селекторам в Args

Помощь в установке

Инструкции

Возможны следующие варианты установки:

1) Через программу TeamViewer

http://www.teamviewer.com/ru/?pid=google.tv_exact_eng.s.ru&gclid=CjwKEAiA9c-2BRC_vaaJ0Ybps30SJABlqxDeUJoIfcNpNI95q1gES6UbuwuWhRb_lK—BdoyLFuvQhoCNBXw_wcB

Вы заходите в панель администрирования сайта, после чего мы подключаемся к вашему компьютеру и под вашим наблюдением производим установку

2) Вы сообщаете достаточную информацию для доступа к вашему сайту

Внимание!!! не размещайте эти данные в комментарии, только на почту admin@public.finevision.ru, и, при возможности, временно поменяйте пароль

Инструкция для конструктора сайтов Setup.ru

Инструкции

Предполагается, что у вас самый дешевый тариф, без возможности вставки HTML-кода

  1. Получаем ссылку (не баннер) на http://finevision.ru
  2. Заходим в панель администрирования сайта и нажимаем редактировать
  3. Нажимаем изменить меню, и далее добавить новый пункт меню
  4. В верхнее поле пишем «Версия сайта для слабовидящих», в нижнее вставляем полученную ссылку
    1
  5. Переносим пункт меню в самый вверх
  6. Нажимаем сохранить
  7. Нажимаем опубликовать

Для Joomla 1.0

Инструкции

Получить HTML-код баннера на http://finevision.ru/

Зайти в панель администрирования сайта, в панели выбрать «Расширения», «Менеджер шаблонов»

6

Далее нажать на активный шаблон (помечен звездочкой)

7

Нажимаем «Редактировать HTML»

8

Перед нами HTML код шаблона.

Вставить код баннера можно практически в любом месте. Только если его вставить баннер с position: fixed в область <head>, то он может у людей с низким разрешением оказаться позади меню и заголовка.
Поэтому лучше его вставить в область

<div id="footer">

которая находится почти в самом низу шаблона (на картинке подчеркнута)

13

После чего нажимаем «Сохранить»

10

И еще раз «Сохранить»

11

Смотрим сайт

 

12

 

 

Инструкция для сайтов на Jimdo

Инструкции

Если не получается по этой инструкции то посмотрите вариант 2

Получите код баннера на http://finevision.ru и скопируйте его буфер обмена (выделить и нажать ctrl + c или правой кнопкой мыши копировать)

В панели управления сайтом, необходимо перейти в шаблоны и сверху выбрать собственный шаблон.

После чего откроется редактор шаблона.

Найдите строчку

    <div id="header">

Установите курсор на конце строчки и нажмите «Enter»

И в получившейся пустой строчке вставьте полученный код баннера.

вставка

После чего нажмите сохранить

Инструкция для сайтов школ г. Томска

Инструкции

Вот ссылка со светло-желтым текстом, вместо gim2.tomsk.ru вставьте адрес своей школы, при желании можете поменять цвет меняя значение FFFF90

<h2><a href="http://finevision.ru/?domain=gim2.tomsk.ru"><font color="#FFFF90">Версия для слабовидящих</font></a></h2>

Откройте редактор сайта и перейдите к добавлению раздела.
Путь к разделу может быть любым, например finevision,
а в заголовок раздела поставьте код выше (не забудьте заменить адрес, на адрес своей школы) и нажимаем добавить раздел.

tomsk1

После чего раздел появится в списке (не пугайтесь светло-желтого цвета), этот раздел необходимо перенести на первое место.

На этом все!

Инструкция по установке “версии для слабовидящих”

Инструкции

Инструкция по установке “версии для слабовидящих”

Не забывайте что для многих сайтов требуется индивидуальная настройка

Если у вас возникли трудности, то опишите их в комментарии к записи Устранение проблем

Зачем нужна версия для слабовидящих?

Инструкции:

Для сайтов google

Для Joomla 3.5 (Другой способ)

Для Joomla 2.5 (Другой способ)

Для Joomla 1.0

Для Jimdo (еще инструкция, и еще)

Для UCOZ (Другой способ)

Для сайтов-блогов на системе blogger

Для Setup.ru

Для  Drupal 7.x

Для сайтов школ г. Томска

Установить версию сайта для слабовидящих можно практически на любом сайте и CMS (Alto CMS, AVE.cms, CMS Made Simple, concrete5, Danneo, DataLife Engine, Drupal, InstantCMS, Jimdo, Joomla, LiveStreet, MaxSite CMS, MODx, Nethouse, NGCMS, okis.ru, Setup.ru, Textpattern, TYPO3, uCoz, uDiscuz!, Wix, WordPress и т.д.)

Внимание, для лучшего лучшего отображения вашего сайта в версии для слабовидящих, необходима индивидуальная настройка сервиса под него. Эта операция производится по запросу после того как вы установили нашу ссылку себе на сайт.

Получение кода ссылки

  1. Заходим на сайт finevision.ru
  2. Вставляем в окошко адрес вашего сайта и нажимаем “получить код для вставки”
  3. Выделяем и копируем полученный html-код ссылки (стиль ссылки можно менять в любом html  редакторе)

Установка ссылки на сайт

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

Самые простые для любых CMS:

  • Создаем новый пункт меню и в заголовок вставляем html-код
  • Создаем баннер и в него вставляем наш код

Для для любого самописного html сайта:

Открываем в корне сайта index.html и в нужном месте (можно в самом верху после <!DOCTYPE HTML> <html>) вставляем полученный код.

Если у вас не получается самостоятельно вставить код на сайт, свяжитесь с нами, мы поможем это сделать.