Помощь Версия шаблона для слабозрячий

Non-Stop · 16 Окт 2017

Нужно реализовать переход по ссылке на версию шаблона для людей с ограниченными возможностями. Делал ли кто то такое на ДЛЕ?
Какие мысли по сабжу....

E-body · 16 Окт 2017

Joomla в дефолтных шаблонах имеет справа от статьи вверху кнопку увеличения шрифта -"аА"+
Можно регулировать больше меньше шрифт. Поставь себе этот яваскрипт и достаточно будет, имхо.

Горбушка · 16 Окт 2017

Первая мысль по этому поводу - круто! Мало кто думает о людях с ограниченными возможностями...

Пользуйся: /index.php?action_skin_change=yes&skin_name=ИМЯ_ШАБЛОНА

tk1ce · 17 Окт 2017

Видел 2 шаблона для муниципальных сайтов:

Код:

http://dle-templates.com/responsive/418-adaptivnyy-shablon-dlya-municipalnyh-saytov-na-dle.html
http://dle-templates.com/responsive/260-municipalnyy-adaptivnyy-shablon-dlya-municipalnyh-saytov.html

В обоих это реализовано.

Увы, в шаре не нашел этих шабов...
<-------------- добавлено через 387 сек. -------------->
Ну а если ручками, то самое дешевое и сердитое - запихать в <head> main.tpl следующее:

Код:

<script>
var tgs = new Array( 'div','td','tr');
var szs = new Array( 'xx-small','x-small','small','medium','large','x-large','xx-large' );
var startSz = 2;

function ts( trgt,inc ) {
if (!document.getElementById) return
var d = document,cEl = null,sz = startSz,i,j,cTags;
sz += inc;
if ( sz < 0 ) sz = 0;
if ( sz > 6 ) sz = 6;
startSz = sz;
if ( !( cEl = d.getElementById( trgt ) ) ) cEl = d.getElementsByTagName( trgt )[ 0 ];

cEl.style.fontSize = szs[ sz ];

for ( i = 0 ; i < tgs.length ; i++ ) {
cTags = cEl.getElementsByTagName( tgs[ i ] );
for ( j = 0 ; j < cTags.length ; j++ ) cTags[ j ].style.fontSize = szs[ sz ];
}
}
</script>

И затем в <body>, где надо:

Код:

<a href="javascript:ts('body',1)">+ Увеличить шрифт</a><span>|</span><a href="javascript:ts('body',-1)">- Уменьшить шрифт</a>

Non-Stop · 18 Окт 2017

Всем спасибо за советы!
Вариант со сменой шаблона откинул, тк не нашёл подходящего легкого шаблона.

Решил вопрос так:

1.1 В папку js вашего шаблона загружаем файл uhpv-full.min.js

пример:
скрипт версии для слабовидящих будет находится по адресу:
Для просмотра ссылки Войди или Зарегистрируйся

1.2 Открываем файл главного шаблона main.tpl и сразу после тега
<body>

добавляем

Код:

<!-- версия для слабовидящих -->
<style>
     #hpvgd,.h-mdiv,.h-mdiv2,.h-ldiv,.h-rdiv {background:#EAEAEA; color:#6D6D6D;}
     #hpvgd {width:100%; z-index:100; width:100%; border-bottom:2px solid rgb(230,230,230);}
     .h-mdiv {display:none; position:relative; margin:auto; text-alegn:center;}
     .h-mdiv2 {display:none; position:fixed; margin:auto; text-alegn:center; width:400px; height:200px;}
     .h-ldiv {float:left; padding:7px 10px 7px 0px;}
     .h-rdiv {position:absolute; top:7px; right:0px; text-align:right;}
     .h-ni {display:none !important;}
     a.hcmaf {color:red; margin-left:5px; font-size:20px; font-weight:bold;}
     a.h-anl {color:#2a72cc;}
     a.h-al {color:#ED664B;}
     .h-fi {font-weight:bold; border-radius:50%; padding:0px 8px; margin-right:5px; font-size:19px;}
     .h-background-1 {color:#fff !important; background:#000 !important;}
     .h-background-2 {color:#000 !important; background:#fff !important;}
</style>
<script src="{THEME}/js/uhpv-full.min.js"></script>
<script>
    var     uhe     = 2,
        lng     = 'ru',
        has     = 0,
        imgs     = 1,
        bg     = 1,
        hwidth     = 0,
        bgs     = ['1','2'],
        fonts     = ['19','21','23'];
    $(document).ready(function(){uhpv(has)});
</script>
<!-- /версия для слабовидящих -->

1.3 Добавляем ссылку на включение "версии для слабовидящих" для этого в удобном для вас месте добавьте код

Код:

<span id="uhvb" style="display:none;"><a href="javascript://" onclick="uvcl()"><b>Версия для слабовидящих</b></a>

Архив со скриптом в приложении.

PS. У кого сайт на кодировке Windows-1251 - Открываем скрипт редактором , сохраняем в нужной кодировке и заливаем на сайт

Вроди все! работает без переключения шаблонов. Для просмотра ссылки Войди или Зарегистрируйся

Помощь Версия шаблона для слабозрячий

Non-Stop

Профессор

E-body

C.D.\Zennoposter проекты на заказ

Горбушка

Ищу её...

tk1ce

Создатель

Non-Stop

Профессор

Вложения