Инструкция для WIX

Инструкции

Инструкция по вставке «версии для слабовидящих» на wix сайте.

1. Получить ссылку на сайте finevision.ru

2. Заходим в редактор сайта

3. В левой панели нажимаем на «+» и выбираем «Кнопка», далее выбираем любую понравившуюся кнопку и перетаскиваем себе на сайт.

 

4. В настройках кнопки пишем название «Версия для слабовидящих» и нажимаем «Добавить ссылку»

 

5. В появившемся окне выбираем «Веб-адрес» и открыть «В текущем окне»

В поле «Добавьте веб-адрес (URL)»  вставляем ссылку полученную ранее

6. Написать нам для включения нужного шаблона.

Написать нам вы можете из версии для слабовидящих на вашем сайте:

Готово!

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

Инструкции

Изменение исходного 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

Инструкция для конструктора сайтов 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

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

На этом все!