WebSite X5Help Center

 
Евгений Б.
Евгений Б.
User

Версия для слабовидящих  ru

Author: Евгений Б.
Visited 1595, Followers 3, Shared 0  

Добрый день.

Принуждают разместить на сайте версию для слабовидящих.

В интернете в настоящий момент много бесплатных скриптов на эту тему, но так как не являюсь продвинутым программистом прошу помочь как правильно в нашей программе эти скрипты разместить, а именно (желательно с картинками или видео) куда вставлять папки содержащие (css; js) (в Свойства страницы; Редактировать; HTML или Эксперт???) как связывать, привязывать чтобы все страницы сайта при этом работали.

Примеры скриптов (не реклама): https://github.com/veks/button-visually-impaired-javascripthttps://github.com/IlyaSkriblovsky/letsee

Читаю, делаю как написано, но ничего не получается, а очень нужно.

Спасибо.

Posted on the
10 ANSWERS - 3 USEFUL
Максим Г.
Максим Г.
User

Думаю поймёте 

Read more
Posted on the from Максим Г.
Евгений Б.
Евгений Б.
User
Author

Методом долгих подстановок получилось следующее.

  1. В хедер шаблона вставил HTML-код;
  2. В нем прописал на вкладке «HTML-кода» ссылку на версию для слабовидящих – «<a href="javascript://" onclick="letsee_toggle_panel()">Версия для слабовидящих</a>»;
  3. В кладке «Эксперт» css-код – вставил скрипт;
  4. Добавил файл .js, поставил галочку связать;
  5. Просмотр, надпись «версия для слабовидящих» появилась, жмем, выскакивает сверху панель – но она ПУСТАЯ.

Вопрос, что сделал не так.

СПАСИБО.

Read more
Posted on the from Евгений Б.
Incomedia
Stefano G.
Incomedia

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 ---

Привет Евгений

По умолчанию программное обеспечение в настоящее время не предусматривает какой-либо интеграции конкретно с этой системой.

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

я очень сожалею об этом

Я остаюсь доступным, если вам нужна дополнительная помощь с чем-то еще

Спасибо

Стефано

Read more
Posted on the from Stefano G.
Евгений Б.
Евгений Б.
User
Author

Добрый день, Стефано.

Если Ваш программный продукт не поддерживает сторонние скрипты может есть наработанные свои по этой теме??

Где это можно взять, купить или подсмотреть?

Read more
Posted on the from Евгений Б.
Pavel M.
Pavel M.
User

Проще сделать копию сайта с увеличенным шрифтом и поместить в отдельную папку в корне сайта. Шрифт увеличивается один раз - в настройках шаблона, нужна будет визуальная подстройка, чтоб всё смотрелось нормально, но работы немного и без всяких скриптов.

Read more
Posted on the from Pavel M.
Евгений Б.
Евгений Б.
User
Author

Ура, заработало, пока усеченная версия, теперь можно к полной переходить.

Read more
Posted on the from Евгений Б.
Максим Г.
Максим Г.
User
Евгений Б.
Ура, заработало, пока усеченная версия, теперь можно к полной переходить.

 Расскажи как сделал?

Read more
Posted on the from Максим Г.
Евгений Б.
Евгений Б.
User
Author

Подготовлю инструкцию как сделал и выложу.

Read more
Posted on the from Евгений Б.
Евгений Б.
Евгений Б.
User
Author
  1. В хедер шаблона вставляем HTML-код в любом удобном для Вас месте;
  2. В нем, прописываем на вкладке «HTML-кода» ссылку на версию для слабовидящих –

«Версия для слабовидящих»;

    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"/>

 

И ВСЕ, все работает.

Read more
Posted on the from Евгений Б.
Максим Г.
Максим Г.
User

Очень чётко всё написал... Спасибо, буду пробовать cool

Read more
Posted on the from Максим Г.