Версия для слабовидящих 
Author: Евгений Б.
Visited 1533,
Followers 3,
Shared 0
Добрый день.
Принуждают разместить на сайте версию для слабовидящих.
В интернете в настоящий момент много бесплатных скриптов на эту тему, но так как не являюсь продвинутым программистом прошу помочь как правильно в нашей программе эти скрипты разместить, а именно (желательно с картинками или видео) куда вставлять папки содержащие (css; js) (в Свойства страницы; Редактировать; HTML или Эксперт???) как связывать, привязывать чтобы все страницы сайта при этом работали.
Примеры скриптов (не реклама): https://github.com/veks/button-visually-impaired-javascripthttps://github.com/IlyaSkriblovsky/letsee
Читаю, делаю как написано, но ничего не получается, а очень нужно.
Спасибо.
Posted on the
Думаю поймёте
Author
Методом долгих подстановок получилось следующее.
Вопрос, что сделал не так.
СПАСИБО.
Hello Eugene
By default, the software currently does not provide any kind of integration with this system specifically
Unfortunately, the Staff is unable to provide support for the integration of third-party codes such as these so I can only advise opening a public topic instead or contacting an external expert directly. When dealing with complex codes such as this one, it is advised to contact a coding professional to help with the integration only. You will then be able to continue working with the project without having to touch the code again
I'm really sorry about this
I remain available in case you need further help with something else
Thank you
Stefano
GOOGLE TRANSLATE ---
Привет Евгений
По умолчанию программное обеспечение в настоящее время не предусматривает какой-либо интеграции конкретно с этой системой.
К сожалению, персонал не может предоставить поддержку для интеграции сторонних кодов, таких как эти, поэтому я могу только посоветовать вместо этого открыть общедоступную тему или напрямую связаться со сторонним экспертом. При работе со сложными кодами, такими как этот, рекомендуется обратиться к специалисту по кодированию, чтобы он помог только с интеграцией. После этого вы сможете продолжить работу с проектом, не прикасаясь к коду снова.
я очень сожалею об этом
Я остаюсь доступным, если вам нужна дополнительная помощь с чем-то еще
Спасибо
Стефано
Author
Добрый день, Стефано.
Если Ваш программный продукт не поддерживает сторонние скрипты может есть наработанные свои по этой теме??
Где это можно взять, купить или подсмотреть?
Проще сделать копию сайта с увеличенным шрифтом и поместить в отдельную папку в корне сайта. Шрифт увеличивается один раз - в настройках шаблона, нужна будет визуальная подстройка, чтоб всё смотрелось нормально, но работы немного и без всяких скриптов.
Author
Ура, заработало, пока усеченная версия, теперь можно к полной переходить.
Расскажи как сделал?
Author
Подготовлю инструкцию как сделал и выложу.
Author
«Версия для слабовидящих»;
3. В кладке «ЭКСПЕРТ» css-код – вставляем скрипт –
body.letsee-active {
margin-top: 40px;
}
#letsee-panel {
position: fixed;
display: none;
top: 0;
width: 100%;
margin: 0;
background: #e0e0e0;
border-bottom: 1px solid #808080;
font-size: 18px;
line-height: 1.6;
text-align: center;
text-shadow: 0 1px 1px #fff;
}
body.letsee-active #letsee-panel {
display: block;
}
#letsee-panel * {
user-select: none;
-webkit-user-select: none;
-moz-user-select: none;
vertical-align: middle;
}
#letsee-panel dl, #letsee-panel dt, #letsee-panel dd {
display: inline-block;
}
#letsee-panel dl {
margin: 0;
}
#letsee-panel dt {
margin: 0 0px 0 25px;
color: #444;
}
#letsee-panel dd {
margin: 0 5px;
}
#letsee-panel input[type="checkbox"] {
width: 18px;
height: 18px;
}
.letsee-change-fontsize {
padding: 0 0.25em;
margin: 0 2px;
border: 1px solid transparent;
text-decoration: none !important;
}
.letsee-fontsize-small { font-size: 14px !important; }
.letsee-fontsize-medium { font-size: 18px !important; }
.letsee-fontsize-large { font-size: 24px !important; }
.letsee-fontsize-active {
border: 1px solid #777;
border-radius: 4px;
background: #ccc;
box-shadow: 0 1px 2px rgba(0,0,0,0.2) inset
}
.letsee-colors span {
padding: 0 5px;
margin: 0 2px;
font-size: 120%;
border-radius: 4px;
}
.letsee-colors-bonw span { color: #000 !important; background: #fff; }
.letsee-colors-wonb span { color: #fff !important; background: #000; }
.letsee-colors {
border: 1px solid transparent;
padding: 5px 0;
text-decoration: none !important;
}
.letsee-colors-active {
border: 1px solid #777;
border-radius: 4px;
box-shadow: 0 1px 2px rgba(0,0,0,0.2) inset
}
.letsee-turn-off {
margin-left: 60px;
}
4. НЕ ДОБАВЛЯТЬ файл .js,;
5. Далее СОЗДАЕМ новую страницу и называем «letsee»;
6. Делаем ее скрытую;
7. Заходим в «СВОЙСТВА» в кладке «ЭКСПЕРТ» в пользовательском коде открываем «Атрибуты тега BODY (style, onload и т.д.) вставляем –
link rel="stylesheet" href="/letsee/letsee.css"/>
8. Далее заходим в «Редактировать», вставляем HTML-код;
9. В кладке «Эксперт» css-код – НЕВСТАВЛЯЕМ скрипт, оставляем пустым;
10. ДОБАВЛЯЕМ файл .js, ставим галочку «связать»;
11. НА ВСЕХ ВАШИХ СТРАНИЦАХ заходим в «СВОЙСТВА» вкладку «ЭКСПЕРТ» в пользовательском коде выбираем «После открытия тега BODY» вставляем –
link rel="stylesheet" href="/letsee/letsee.css"/>
И ВСЕ, все работает.
Очень чётко всё написал... Спасибо, буду пробовать