Сделай полосу прокрутки на своем сайте круче

01.06.2009   |  

HTML / CSS   |  

Комментарии (2)

полоса прокрутки на сайте

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

Чтобы сделает полосу прокрутки другим цветов,  нам нужно будет написать небольшой CSS код:

body {
 scrollbar-face-color:#010101; 
scrollbar-shadow-color: #ffffffB; 
scrollbar-highlight-color: #ecf7fe; 
scrollbar-3dlight-color: #ecf7fe; 
scrollbar-darkshadow-color: #5997CA; 
scrollbar-track-color: #b5bdc8; s
crollbar-arrow-color: #F6F6F6; 
}

И  этот код вставляем на странице между тегами: <head></head>
или вставляемт в свой основной CSS файл ( style.css ).

Что означает каждый параметр ??
scrollbar-3dlight-color —– устанавливает цвет верха и левой части ползунка и кнопок со стрелками на полосе прокрутки.
scrollbar-arrow-color —– Устанавливает цвет стрелок на кнопке со стрелками.
scrollbar-darkshadow-color —- Устанавливает цвет тени для ползунка и кнопок со стрелками.
scrollbar-face-color —- Устанавливает цвет ползунка и кнопок со стрелками.
scrollbar-highlight-color —- Устанавливает эффект объёмности.
scrollbar-track-color —- Устанавливает цвет дорожки для ползунка

Интересные статьи:

  1. FeraS 21.09.2009 19:13

    Интересный способ, но лучше все-таки еще добавить текстовые подсказки.

  2. Webchester 21.09.2009 20:59

    Подсказки для чего??? вроде я все описал подробно.

Оставь свое мнение:




Подпишись на обновление блога