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

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

Создать сайт самостоятельно с Wix.com

Инструкция

  • Выберите страницу для изменений и скопируйте ее 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, найдите в Интернете любую таблицу с этими обозначениями. Она поможет соотнести коды и цвета, и выбрать подходящий цвет для дизайна вашего сайта.
  • Оцените статью!