Подивитися, як працює цей приклад, ви можете у нас на сайті або на форумі. Зверху, праворуч, у нах знаходяться три кнопки: «А +», «А-» і «Скидання». Натискаючи на них, ви можете змінювати розмір тексту на сайті без перезавантаження сторінки. Отже, що необхідно зробити, щоб це запрацювало і на вашому сайті:
1. Зберігаємо в папці шаблону java-скрипт з архіву.
2. Відкриваємо файл шаблону index.php і перед тегом вставляємо код
(Пишеться одним рядком.)
замість можна просто вписати назву шаблону.
3. Визначаємо в шаблоні місце для кнопок (або простого тексту) і вставляємо туди
Якщо будуть використовуватися кнопки зміни розміру
Якщо буде використовуватися простий текст
Зберігаємо файл.
4. Відкриваємо CSS-файл шаблону (наприклад, template_css.css) і міняємо одиниці вимірювання шрифтів html-елементів (розмір шрифтів яких повинен змінюватися) на відносні, тобто px і pt міняємо на% або em.
Має вийти приблизно так:
Зберігаємо, оновлюємо сторінку сайту і відчуваємо.