Совет 1: Как сделать прокрутку

Полоса прокрутки — универсальная функция, которая делает работу с любым интернет-сайтом удобнее и быстрее. При этом владельцы сайтов предпочитают устанавливать на свои страницы не только полезные, но и красивые дополнения, подходящие по дизайну к общей цветовой гамме страницы. В этой статье мы разберем, как установить на сайт цветную полосу прокрутки. Для этого существует несколько способов, и один из них — это готовый код, который можно установить на любую страницу, в которой вы хотите изменить полосу прокрутки.
Инструкция
1
Выберите страницу для изменений и скопируйте ее HTML-код в блокнот.
2
После тэга <head> вставьте код:
<style>
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; }
</style>
3
В коде откорректируйте по собственному желанию значения цветов напротив каждого параметра: цвет полосы прокрутки, цвет стрелки, цвет фона полосы прокрутки, цвета границ, разделяющих полос, и так далее.
4
Это наиболее простой способ, но кроме него есть еще один — сохранить тот же самый код с вашими настройками цветов полосы прокрутки в виде css-файла и загрузить его на страницу. Для этого откройте в блокноте вышеприведенный код без тэгов <style>. Сохраните файл с кодом и назовите его scroll.css. Затем загрузите на сервер туда же, где расположена страница, в которой требуется изменить полосу прокрутки.
5
Если вы не знаете буквенных обозначений цветов в HTML, найдите в Интернете любую таблицу с этими обозначениями. Она поможет соотнести коды и цвета, и выбрать подходящий цвет для дизайна вашего сайта.

Совет 2: Как сделать прокрутку

Полоса прокрутки — универсальная функция, которая делает работу с любым интернет-сайтом удобнее и быстрее. При этом, владельцы сайтов предпочитают устанавливать на свои страницы не только полезные, но и красивые дополнения, подходящие по дизайну к общей цветовой гамме страницы. В этой статье мы разберем, как установить на сайт цветную полосу прокрутки. Для этого существует несколько способов, и один из них — это готовый код, который можно установить на любую страницу, в которой вы хотите изменить полосу прокрутки.
Инструкция
1
Выберите страницу для изменений и скопируйте ее 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; }
2
В коде откорректируйте по собственному желанию значения цветов напротив каждого параметра: цвет полосы прокрутки, цвет стрелки, цвет фона полосы прокрутки, цвета границ, разделяющих полос, и так далее.

Это наиболее простой способ, но кроме него есть еще один — сохранить тот же самый код с вашими настройками цветов полосы прокрутки в виде css-файла и загрузить его на страницу. Для этого откройте в блокноте вышеприведенный код без тэгов . Сохраните файл с кодом и назовите его scroll.css. Затем загрузите на сервер туда же, где расположена страница, в которой требуется изменить полосу прокрутки.
3
Если вы не знаете буквенных обозначений цветов в HTML, найдите в Интернете любую таблицу с этими обозначениями. Она поможет соотнести коды и цвета, и выбрать подходящий цвет для дизайна вашего сайта.
Видео по теме
Поиск
Совет полезен?
Добавить комментарий к статье
Осталось символов: 500