Блог веб разработчика Wincert

Уххх… Честно говоря не знаю зачем я пишу эту статью. Думаю многие знают как изменить полосу прокрутки на своем сайте, ну поменять цвета в ней, сделать ее более привлекательной. Но думаю новичкам в сайтостроительстве будет интересно узнать как это делается. ИТАК!!! Щас я покажу как изменить стандартную полосу прокрутки на своем сайте на более привлекательную и стильную. Делается это при помощи CSS, их можно прописать как и в самой HTML странице, так и вынести в отдельный файл. Мне больше нравится второй вариант, он и более правильный.
Создаем отдельный CSS файл и вставляем в него следующий код:

BODY {
SCROLLBAR-FACE-COLOR: #C84747; 
SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; 
SCROLLBAR-SHADOW-COLOR: #E5E5E1; 
SCROLLBAR-3DLIGHT-COLOR: #000000; 
SCROLLBAR-ARROW-COLOR: #FFFFFF; 	
SCROLLBAR-TRACK-COLOR: #D6D6D6; 
SCROLLBAR-DARKSHADOW-COLOR: #000000;
}

Только не забудьте подключить ваш отдельный CSS файл к вашей HTML страничке, это делается следующим образом. Между тегами вставляем следующий код:

<link rel="stylesheet" media="screen, projection" type="text/css" href="CSS.css" />

Где CSS.css ваш подключаемый CSS файл. Если вы хотите прописать стили (CSS) в самой HTML странице не подключая CSS файл из вне , то между тегами вставляем следующий код:

<style type="text/css" media="screen">
BODY {
SCROLLBAR-FACE-COLOR: #C84747;
SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; 
SCROLLBAR-SHADOW-COLOR: #E5E5E1; 
SCROLLBAR-3DLIGHT-COLOR: #000000; 
SCROLLBAR-ARROW-COLOR: #FFFFFF;
SCROLLBAR-TRACK-COLOR: #D6D6D6; 
SCROLLBAR-DARKSHADOW-COLOR: #000000;
}
</style>

Далее от вас только требуется поиграться цветами и настроить полосу прокрутки под свой стиль сайта. А эту полосу прокрутки я использовал на одном из первых своих сайтов , ностальгия блин…