В этом уроке я расскажу вам, как раскрасить полосу прокрутки на вашем сайте. Вы наверняка уже не раз встречали такие сайты, где полоса прокрутки раскрашена под цвет всего сайта.
Вот как она выглядит:
Такая полоса прокрутки делается очень просто.
Вставьте в css этот код:
Code
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; }
Теперь что означают эти параметры.
1. scrollbar-arrow-color - цвет стрелки.
2. scrollbar-track-color - цвет подложки.
3. scrollbar-face-color - цвет самой полосы.
4. scrollbar-shadow-color: #ffffff;
scrollbar-highlight-color: #ffffff;
цвет разделющей полосы.
5. scrollbar-3dlight-color: #5997CA; scrollbar-darkshadow-color: #5997CA; цвет внешних границ полосы.
Если вы не знаете как определить цвет в #xxxxxx формате, то воспользуйтесь очень хорошей программой Pixie, которая есть на нашем сайте. Она служит для определения цвета под курсором.
