ArtShok. Сайтостроение и немного SEO

Сегодня мы рассмотрим как изменить цвет полосы прокрутки со стандартного на… желаемый:)

Безусловно, у этого метода есть свой минус - изменения будут видны только в Internet Explorer версии не ниже 5.5. Но тем не менее это даем нам дополнительный шанс, чтобы выделиться и понравиться посетителям. Ничего сложного в этом нет.

Пример:

• scrollbar-3d-light-color - цвет контуров трехмерности;
• scrollbar-arrow-color - цвет стрелочек;
• scrollbar-base-color - базовый цвет (общий фон);
• scrollbar-dark-shadow-color - цвет внешней тени;
• scrollbar-face-color - цвет ползунков;
• scrollbar-highlight-color - цвет контуров подсветки;
• scrollbar-shadow-color - цвет внутренней тени;
• scrollbar-track-color - цвет полос.

body {
      scrollbar-3d-light-color: #8ea9bc;
      scrollbar-arrow-color: #0c2e47;
      scrollbar-base-color: #d9e3ed;
      scrollbar-dark-shadow-color: #0f2f44;
      scrollbar-face-color: #577188;
      scrollbar-highlight-color: #d9e3ed;
      scrollbar-shadow-color: #1f4864;
      scrollbar-track-color: #8ea9bc;
}

*Код приведен с учетом цветов на рисунке

Можно не использовать все параметры одновременно. Пробуйте:) Скидывайте ссылки на ваши примеры, лучшая работа будет вывешена в течение недели на всеобщее обозрение.

Рекомендуемые статьи:

• 5 способов красивого оформления посещенных ссылок с помощью CSS
• jQuery пример: красивая смена текста за 10 минут
• Меню в виде книжного оглавления на CSS
• Как установить вид курсора?
• Как изменить цвет фона выделенного текста?
• 10 интересных примеров по CSS
• Как оптимизировать CSS

Обязательно к использованию: