Написал такие простые стили которые вам полностью поменяют полосу прокрутки на сайте.
Демо пример смотрите у меня на сайте.
Теперь как сделать так у себя. Берем вот этот код:
Код
::-webkit-scrollbar { width: 6px; background: #F49A20 !important;}
::-webkit-scrollbar-thumb { background: #1607FC !important;border-radius: 10px;}
::-webkit-scrollbar-thumb:hover {background: #000 !important;}
::-webkit-scrollbar-thumb:horizontal {height: 6px; background: #F49A20 !important;}
Заходим сюда: ПУ » Главная » Управление дизайном » Редактирование шаблонов » Таблица стилей (CSS) » В самый низ ставим и жмем "Сохранить". Далее проходим на свой сайт, обновляем страницу и видим то что Вы видели у меня на сайте.
А теперь разжуем как настроить под ваш сайт:
Данный код, отвечает за сам фон, где вы цвет меняете под свой дизайн Код
::-webkit-scrollbar{ width: 6px; background: #F49A20 !important;}
Вот этот - цвет бегунка, его меняете на свое усмотрение Код
::-webkit-scrollbar-thumb { background: #1607FC !important;border-radius: 10px;}
Это тоже бегунок, только когда на него наводите мышкой чтобы передвинуть, он поменяет цвет. Его также на свое усмотрение, я поставил черныйКод
::-webkit-scrollbar-thumb:hover {background: #000 !important;}
Ну и последний код, отвечает за то, если у вас есть на сайте скролинг горизонтальный. В нем ничего менять не нужно, он автоматически заточен под первый Код
::-webkit-scrollbar-thumb:horizontal {height: 6px; background: #F49A20 !important;}
На этом все...
Хотя нет ... Если Вы в верхнем меню, нажмете на кнопку "Загрузить картинку" и авторизуетесь на форуме, то увидите как именно работает данный код через который можно добавлять картинки на свой сайт.
Своего рода, собственный фотохостинг для удобного добавления картинок в сообщения.