Как сделать прокрутку?

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

Инструкция

Выберите страницу для изменений и скопируйте ее HTML-код в блокнот.

После тэга вставьте код: body { scrollbar-face-color:#5997CA; scrollbar-shadow-color: #ffffff; scrollbar-highlight-color: #ffffff; scrollbar-3dlight-color: #5997CA; scrollbar-darkshadow-color: #5997CA; scrollbar-track-color: #F6F6F6; scrollbar-arrow-color: #F6F6F6; }

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

Это наиболее простой способ, но кроме него есть еще один — сохранить тот же самый код с вашими настройками цветов полосы прокрутки в виде css-файла и загрузить его на страницу. Для этого откройте в блокноте вышеприведенный код без тэгов . Сохраните файл с кодом и назовите его scroll.css. Затем загрузите на сервер туда же, где расположена страница, в которой требуется изменить полосу прокрутки.

Если вы не знаете буквенных обозначений цветов в HTML, найдите в Интернете любую таблицу с этими обозначениями. Она поможет соотнести коды и цвета, и выбрать подходящий цвет для дизайна вашего сайта.

Оцените статью!