Сегодня хочется поговорить на такую не простую тему, которая охватывает каждого из нас в нашей жизни - это зрение. С каждым десятым годом, наше зрение ухудшается, мы перестаем хорошо видеть. Раньше это затягивалось на дольше, но сейчас, когда наше поколение практически полностью перешло в эру компьютеров, мы стали ускорять этот процесс. Версия сайта для слабовидящих способна сделать сайт более удобным для восприятия.
Обсуждать эту тему можно долго, но я хотел бы обратить внимание на то, как можно сделать для посетителей своего сайта с плохим зрением просмотр контента более удобным и понятным их глазам. В этом нам поможет небольшой скрипт, который сейчас мы, и установим. Но для начала я расскажу, что в него входит.
Возможности скрипта
Версия этого скрипта постоянно улучшается и на данный момент он состоит из таких функций:
1. Использование 4х разных сочетаний размеров шрифта сайта.
2. Возможность "Отключить/Включить изображения" на сайте.
3. Изменение цвета сайта (3 цвета).
Давайте разберем теперь все по порядку. Для начала нам нужно выбрать какой из 4х размеров шрифтов мы будем использовать.
14-18-23
Код
<script type="text/javascript" src="http://dmev.me/uGost/ver1-2/11/uGost11.js"></script>
15-19-24
Код
<script type="text/javascript" src="http://dmev.me/uGost/ver1-2/14/uGost14.js"></script>
14-19-24
Код
<script type="text/javascript" src="http://dmev.me/uGost/ver1-2/31/uGost31.js"></script>
15-20-25
Код
<script type="text/javascript" src="http://dmev.me/uGost/ver1-2/41/uGost41.js"></script>
Установка
Копируем код и вставляем на каждой странице перед закрывающим тегом < /body >. А что бы не заходить на каждую страницу отдельно, то можно воспользоваться функцией которую нам предоставляет uCoz.
Заходим в "Панель управления" » "Дизайн" » "Быстрая замена участков шаблонов". Далее нам нужно будет в пункте "Режим замены" выбрать "Многострочный", в пункте "Что заменить" пропишем:
а в пункте "На что заменить" пропишем например первый размер шрифта:
Код
<script type="text/javascript" src="http://dmev.me/uGost/ver1-2/11/uGost11.js"></script></body>
Теперь по той же системе нам нужно вставить непосредственно код самого блока управления скриптом. В пункт "Что заменить" вставляем:
а в пункте "На что заменить" пропишем следующий код:
Код
</head>
<div id="infobardm">Размер шрифта:
<a onclick="dmfunctsizeone();" class="dmchangea1">A</a>
<a onclick="dmfunctsizetwo();" class="dmchangea2">A</a>
<a onclick="dmfunctsizethree();" class="dmchangea3">A</a>
Изображения <a onclick="dmdisableimage();" class="dmdisableimage">Выключить</a>
<a onclick="dmenableimage();" class="dmenableimage">Включить</a>
Цвет сайта <a onclick="dmcolor1();" class="dmcolor1">Ц</a>
<a onclick="dmcolor2();" class="dmcolor2">Ц</a>
<a onclick="dmcolor3();" class="dmcolor3">Ц</a>
<a onclick="dmreset();" class="dmcolor4">Х</a>
</div>
А теперь что бы активировать эту панель нам понадобиться вставить простую ссылку такого вида, оно и активирует версию сайта для слабовидящих:
Код
<a href="$REQUEST_URI$" onclick="dmuGostSettings();" id="enableuGost">Включить версию для слабовидящих</a>
На этом установка закончена. Рекомендую пересохранить файл скрипта себе на сайт чтобы избежать удаление его с источника. Скрипт может не подойти под все шаблоны потому вам придется настраивать под свой дизайн самому.
){kind=link}