|
|
|
|
Как увеличить или уменьшить размер шрифта на web-странице. Автор: Андрей Краснокутский Дата: 2009-08-18 К сожалению не у всех посетителей Вашего сайта идеальное зрение. По статистике Всемирного Организации Здравохранения (ВОЗ) 45 % !!! населения мира, имеют проблемы со зрением или какие-то отклонения . Я думаю что в России картина примерно такая же (если не хуже). Поэтому скрипт, который позволит Вашим посетителям уменьшать или увеличивать шрифт на страницах сайта, для многих будет очень актуален. Иногда шрифт текста на Вашем сайте может быть для посетителей слишком велик или, наоборот, слишком мал. В таком случае было бы удобно предоставлять функцию изменения размера шрифта. Ниже приведен скрипт и листинг кода, который необходимо вставить на wed-страницу, на которой Вы хотите дать возможность посетителям изменять размер шрифта: Листинг 1.
Обратите внимание, что сам скрипт вставляется между тегами <head> </head>: Листинг 2.
А, управляющие ссылки "Увеличить шрифт" , "Уменьшить шрифт" вставляются уже в тело web-страницы, между тегами <body> </body> , как правило вверху страницы: Листинг 3.
Ну а дальше как обычно, открываем абзац и вствавляем весь текст страницы, с единственной разницей, что визуально абзацы отделяем с помощью тегов <br>, т.е. весь текст страницы должен быть в одном абзаце. Базовым размером текста мы определили 12 размер. При нажатии на "Увеличить шрифт" или "Уменьшить шрифт" он (шрифт) увеличивается или уменьшается на 2 пункта. Посмотреть и попробовать на то, что у нас реально получилось, можно здесь. Естественно это не вся web-страница, а только её центральная часть, у Вас варианты будут свои.
Просмотров: 27875 Поделитесь этой информацией со своими друзьями! Комментарии к этой статье (уроку): Комментарии добавил(а): Ирка Охх... я ничего не поняла)) Комментарии добавил(а): Oleg L. Я удивлен, это пока что единственный скрипт что у меня заработал... А вот например скрипт с "функцией проверки полей формы отправки письма" не заработал. Комментарии добавил(а): AndreyK Олег все скрипты которые я выкладываю на своём сайте, я всесторонне тестирую. В подавляющем большинстве случаев неработоспособность вызвана ошибками в синтаксисе. Будьте внимательны и все заработает :) Удачи. Комментарии добавил(а): Алевтина Спасибо, хороший скрипт Комментарии добавил(а): KupuJlJl У меня табличная разметка страниц сайта.. Как правильно вставить скрипт?? Очень необходимо!! Комментарии добавил(а): АндрейК Разницы нет никакой и совершенно не зависит от дизайна (табличный или резиновый). Установка скрипта описан в Листингах 1-3, смотрите выше. Комментарии добавил(а): Алёна ничего не поняла..что куда вставлять..помогите увеличить тексты на сайтах..спасибо.. Комментарии добавил(а): Элона Как толкомтом увеличить шрифт на странице??????у меня было нормально я что то нажала и всё такое мелкое стало мне нужно просто вернутьстраницу в прежнее состояние Комментарии добавил(а): Виктория нажми Ctrl + или - смотря что нужно Комментарии добавил(а): владимир А шрифт будет меняться во всех постах одной страницы? Это на каждую страницу нужно вставлять код? И ещё, если сайт на вордпрессе, то скрипт можно ставить? Комментарии добавил(а): forumroditeley.ru Супер! Спасибо за код! Установился легко на форуме родителей! Добавить Ваш комментарий: |
Новости сайта Домены 
Google Adsense |
Навигация
Видео Курсы
Последние заметки
Новости сайта
Архив 2016 год: 2015 год: 2014 год: 2013 год: 2012 год: 2011 год: 2010 год: 2009 год: 2008 год: Сайты друзей Наши ссылки
Если Вам понравился  Наши Аттестаты
|
|
Разрешается полное или частичное копирование материалов сайта с обязательным |