Как увеличить или уменьшить размер шрифта на web-странице.
Автор: Андрей Краснокутский
Дата: 2009-08-18 К сожалению не у всех посетителей Вашего сайта идеальное зрение. По статистике Всемирного Организации Здравохранения (ВОЗ) 45 % !!! населения мира, имеют проблемы со зрением или какие-то отклонения . Я думаю что в России картина примерно такая же (если не хуже).
Поэтому скрипт, который позволит Вашим посетителям уменьшать или увеличивать шрифт на страницах сайта, для многих будет очень актуален.
Иногда шрифт текста на Вашем сайте может быть для посетителей слишком велик или, наоборот, слишком мал. В таком случае было бы удобно предоставлять функцию изменения размера шрифта.
Ниже приведен скрипт и листинг кода, который необходимо вставить на wed-страницу, на которой Вы хотите дать возможность посетителям изменять размер шрифта:
Листинг 1.

Обратите внимание, что сам скрипт вставляется между тегами <head> </head>:
Листинг 2.

А, управляющие ссылки "Увеличить шрифт" , "Уменьшить шрифт" вставляются уже в тело web-страницы, между тегами <body> </body> , как правило вверху страницы:
Листинг 3.

Ну а дальше как обычно, открываем абзац и вствавляем весь текст страницы, с единственной разницей, что визуально абзацы отделяем с помощью тегов <br>, т.е. весь текст страницы должен быть в одном абзаце.
Базовым размером текста мы определили 12 размер. При нажатии на "Увеличить шрифт" или "Уменьшить шрифт" он (шрифт) увеличивается или уменьшается на 2 пункта.
Посмотреть и попробовать на то, что у нас реально получилось, можно здесь. Естественно это не вся web-страница, а только её центральная часть, у Вас варианты будут свои.
Просмотров: 29265
Охх... я ничего не поняла))
Я удивлен, это пока что единственный скрипт что у меня заработал... А вот например скрипт с "функцией проверки полей формы отправки письма" не заработал.
Олег все скрипты которые я выкладываю на своём сайте, я всесторонне тестирую. В подавляющем большинстве случаев неработоспособность вызвана ошибками в синтаксисе. Будьте внимательны и все заработает :) Удачи.
У меня табличная разметка страниц сайта.. Как правильно вставить скрипт?? Очень необходимо!!
Разницы нет никакой и совершенно не зависит от дизайна (табличный или резиновый). Установка скрипта описан в Листингах 1-3, смотрите выше.
ничего не поняла..что куда вставлять..помогите увеличить тексты на сайтах..спасибо..
Как толкомтом увеличить шрифт на странице??????у меня было нормально я что то нажала и всё такое мелкое стало мне нужно просто вернутьстраницу в прежнее состояние
нажми Ctrl + или - смотря что нужно
А шрифт будет меняться во всех постах одной страницы? Это на каждую страницу нужно вставлять код? И ещё, если сайт на вордпрессе, то скрипт можно ставить?
Супер! Спасибо за код! Установился легко на форуме родителей!
|