Joomla 4. Компонент K2 и форк K2ForJ4 (18 янв 2024)

Если вас, как и меня, достало выслушивать (вычитывать) бесконечные обещания разработчика K2 опубликовать версию компонента K2 под Joomla 4 (без чего невозможно реализовать апгрейд from Joomla 3 to Joomla 4) - воспользуйтесь форком K2ForJ4. Который в данный момент установлен и без каких-либо проблем работает на этом веб-сайте.

Меняем размер шрифта при помощи JavaScript

Больше
13 года 6 мес. назад - 13 года 6 мес. назад #1 от Aleksej
1. Сохраняем в папке шаблона java-script (скачать и распаковать).

2. Перед закрывающим тегом </head> в файле index.php шаблона вставляем следующий код:
Code:
<script type="text/javascript" language="javascript" src="<?php echo $mosConfig_live_site;?>/templates/<?php echo $cur_template; ?>/md_stylechanger.js"> </script>
Вместо <?php echo $cur_template; ?> можно вписать название шаблона.

3. Определяем часть шаблона, где будет отображаться кнопка переключения размера шрифта (или текст) и вставляем следующий код:

Для отображения кнопок:
Code:
<a href="index.php" title="Увеличить размер" onclick="changeFontSize(1);return false;"> <img src="templates/<?php echo $cur_template; ?>/images/larger.png" border="0" alt="больше" /> </a> <a href="index.php" title="Уменьшить размер" onclick="changeFontSize(-1);return false;"> <img src="templates/<?php echo $cur_template; ?>/images/smaller.png" border="0" alt="меньше" /> </a> <a href="index.php" title="Размер по-умолчанию" onclick="revertStyles(); return false;"> <img src="templates/<?php echo $cur_template; ?>/images/reset.png" border="0" alt="сброс" /> </a>
Для отображения текста:
Code:
<a href="index.php" title="Увеличить размер" onclick="changeFontSize(1);return false;">[A +]</a> <a href="index.php" title="Уменьшить размер" onclick="changeFontSize(-1);return false;">[A -]</a> <a href="index.php" title="Размер по-умолчанию" onclick="revertStyles(); return false;">[Сброс]</a>
4. Открываем CSS-файл шаблона (например, template_css.css) и меняем единицы измерения шрифтов html-элементов (размер шрифтов которых должен меняться) на относительные, т.е. px и pt меняем на % или em.

При необходимости обращаемся к страничке визуального пересчета .

В итоге мы должны получить примерно следующее:
Code:
p, div, td { font-size: 0.9em }
Все; сохраняем изменения и испытываем.

Примечание: Если не работает изменение размера шрифта, а происходит обновление страницы или переход по ссылке после нажатия на кнопку изменения размера, то это значит, что JavaScript не работает (не грузится) и необходимо проверить правильность написания пути к нему.
Последнее редактирование: 13 года 6 мес. назад пользователем Aleksej.

Пожалуйста Войти или Регистрация, чтобы присоединиться к беседе.

Dev banner 1
Работает на Kunena форум