Изменяем scrollbar без использование JavaScript.

Изменяем scrollbar без использование JavaScript.


Знаете как изменить scrollbar сайта? я покажу как изменить этот атрибут на DLE cms но это будет работать и на других сайтах и CMS главное что поставить на правильном месте в css файле.

1 Идем в панель управление
2 Все раздели панели
3 Шаблон. Управление шаблонами сайта
4 На левом угле есть файл найдем CSS папку и style.css выбираем .
5 Найдем body и внизу его добавляем код

body::-webkit-scrollbar {
    width: 1em;
}
 
body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px 2px rgba(0,0,0,0.3); /*цвет*/
    background:none; /*фон у вас не будет фоновой цвета потому что он на none изменяем его на любой цветом*/
        opacity:.7;
}
 
body::-webkit-scrollbar-thumb {
  border-radius: 5px;	
  background: none; 
 -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
  cursor: pointer;
}
Внимание! Данный материал предоставлен сайтом исключительно в ознакомительных целях. Администрация не несет ответственности за его содержимое.
Хотите купить данный сайт ?
TOPSKRIPT выставлен на продажу, можете предложить свою цену в телеграмме
https://t.me/proger_nikita
Наш Тelegram
Подписка залог успеха ;)
Бесплатный игровой хостинг
Только для жителей Украины
4 посетителя на сайте. Из них:
Пользователи1
Гости3
Список пользователей
Marinavyi Online
Marinaewf Был(a) в сети 6 минут назад
Marinavnx Был(a) в сети 1 час назад
KylieJudge Был(a) в сети 4 часа назад
Svetlyrk Был(a) в сети 7 часов назад
Svetluoq Был(a) в сети 7 часов назад
Evayjg Был(a) в сети 12 часов назад
Boxerpiek Был(a) в сети 16 часов назад
Marinacpp Был(a) в сети 16 часов назад