Как создать свой сайт бесплатно? Как сделать сайт своими руками? Как заработать в Интернете? Создание сайтов на заказ.

Запрос должен быть не менее 4-х символов.

RSS-лента

Сегодня:        Добавить в Избранное       Написать Автору        Обмен валют        Оплата сервисов

Как увеличить или уменьшить размер шрифта на web-странице.

Автор: Андрей Краснокутский

Дата: 2009-08-18

К сожалению не у всех посетителей Вашего сайта идеальное зрение. По статистике Всемирного Организации Здравохранения (ВОЗ) 45 % !!! населения мира, имеют проблемы со зрением или какие-то отклонения . Я думаю что в России картина примерно такая же (если не хуже).

Поэтому скрипт, который позволит Вашим посетителям уменьшать или увеличивать шрифт на страницах сайта, для многих будет очень актуален.

Иногда шрифт текста на Вашем сайте может быть для посетителей слишком велик или, наоборот, слишком мал. В таком случае было бы удобно предоставлять функцию изменения размера шрифта.

Ниже приведен скрипт и листинг кода, который необходимо вставить на wed-страницу, на которой Вы хотите дать возможность посетителям изменять размер шрифта:

Листинг 1.

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

Листинг 2.

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

Листинг 3.

Ну а дальше как обычно, открываем абзац и вствавляем весь текст страницы, с единственной разницей, что визуально абзацы отделяем с помощью тегов <br>, т.е. весь текст страницы должен быть в одном абзаце.

Базовым размером текста мы определили 12 размер. При нажатии на "Увеличить шрифт" или "Уменьшить шрифт" он (шрифт) увеличивается или уменьшается на 2 пункта.

Посмотреть и попробовать на то, что у нас реально получилось, можно здесь. Естественно это не вся web-страница, а только её центральная часть, у Вас варианты будут свои.

 

Просмотров: 25138


Поделитесь этой информацией со своими друзьями!


Комментарии к этой статье (уроку):

Комментарии добавил(а): Ирка
Дата: 2010-02-27

Охх... я ничего не поняла))

Комментарии добавил(а): Oleg L.
Дата: 2010-03-12

Я удивлен, это пока что единственный скрипт что у меня заработал... А вот например скрипт с "функцией проверки полей формы отправки письма" не заработал.

Комментарии добавил(а): AndreyK
Дата: 2010-03-24

Олег все скрипты которые я выкладываю на своём сайте, я всесторонне тестирую. В подавляющем большинстве случаев неработоспособность вызвана ошибками в синтаксисе. Будьте внимательны и все заработает :) Удачи.

Комментарии добавил(а): Алевтина
Дата: 2010-11-07

Спасибо, хороший скрипт

Комментарии добавил(а): KupuJlJl
Дата: 2010-12-15

У меня табличная разметка страниц сайта.. Как правильно вставить скрипт?? Очень необходимо!!

Комментарии добавил(а): АндрейК
Дата: 2010-12-15

Разницы нет никакой и совершенно не зависит от дизайна (табличный или резиновый). Установка скрипта описан в Листингах 1-3, смотрите выше.

Комментарии добавил(а): Алёна
Дата: 2011-01-18

ничего не поняла..что куда вставлять..помогите увеличить тексты на сайтах..спасибо..

Комментарии добавил(а): Элона
Дата: 2011-02-24

Как толкомтом увеличить шрифт на странице??????у меня было нормально я что то нажала и всё такое мелкое стало мне нужно просто вернутьстраницу в прежнее состояние

Комментарии добавил(а): Виктория
Дата: 2011-10-24

нажми Ctrl + или - смотря что нужно

Комментарии добавил(а): владимир
Дата: 2012-01-28

А шрифт будет меняться во всех постах одной страницы? Это на каждую страницу нужно вставлять код? И ещё, если сайт на вордпрессе, то скрипт можно ставить?

Комментарии добавил(а): forumroditeley.ru
Дата: 2012-09-17

Супер! Спасибо за код! Установился легко на форуме родителей!

Добавить Ваш комментарий:

Введите сумму чисел с картинки:
Введите сумму чисел

GudzonPartner.com

Новости сайта


05.08.2014
Новый раздел! Платежные системы Интернета. Все о платежных системах и сервисах.

09.08.2013
Новинка! Обзор и Анализ реальных способов заработка. Как и Сколько можно заработать в Интернете? Цифры. Факты. Комментарии.

28.05.2013
Обновилась Партнерка сайта! Зарабатывайте вместе с нами! "Новые товары и рекламные материалы"

25.05.2013
Видео Курс! "Как создать свой Информационный Бизнес в Интернете" Зарабатывайте: от 30000 ++ рублей.

Почтовая рассылка! Бесплатные электронные книги из серии: "Секреты создания сайтов"


Почтовая рассылка

Новинка!
Как реально заработать
в Интернете?
"Обзор видов и способов заработка."

Специальный Отчет:

Специальный Отчет: Как и сколько можно реально заработать в Интернете? Рельные цифры, факты и анализ различных способ заработка в Интернете

В подарок всем подписчикам!

SmartResponder.ru
Ваш e-mail: *
Ваше имя: *

Полный список наших почтовых рассылок!

Домены

Сервис мгновенной регистрации Доменов

Google Adsense



Навигация

Уроки HTML

CSS уроки

Статьи

Инструменты

Шаблоны сайтов

Книги

Украшения

Сайт от А до Я

Заработать в Интернете

Обман в Интернете

Охрана труда

МОДУЛЬНЫЕ КАРТИНЫ

PHP УРОКИ

Услуги

Скрипты

Почтовая Рассылка

SEO

jQuery

Специальная оценка условий труда (СОУТ) - АРМ

Платежные системы Интернета

УРОКИ ФОТОШОП

Секретный раздел

Видео Курсы

Видео Курс по созданию собственного Информационного Бизнеса в Интернете
Заработай в Интернете
и осуществи свою МЕЧТУ
"Как?"
Узнать сейчас >>>


Хотите заработать?
2-х Уровневая
Партнерская программа!

Присоединяйтесь.


Последние заметки

Модульная картина: Роскошь красного бархата

Модульная картина абстракция: Энергия солнца

Модульная картина: Синие розы

Модульная картина: Водопад

Модульная картина: Орхидеи

Новости сайта

RSS Лента Новостей сайта www.LuksWeb.ru

Наши новости в Твиттере

Архив

2016 год:

2015 год:

2014 год:

2013 год:

2012 год:

2011 год:

2010 год:

2009 год:

2008 год:

Сайты друзей

Регистрация доменов

ООО "ПК "ЛюксСтрой"

Деревянные дома от СПК "Ванда"

Наши ссылки

Если Вам понравился
наш сайт, установите
Нашу ссылку, и
Получите подарки!!!

QR код сайта www.LuksWeb.ru

Наши Аттестаты


Проверить аттестат

 

Аттестован системой Z-PAYMENT
Проверено Z-PAYMENT