Изменяем 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;
}
Внимание! Данный материал предоставлен сайтом исключительно в ознакомительных целях. Администрация не несет ответственности за его содержимое.
Наш Тelegram
Подписка залог успеха ;)
Бесплатный игровой хостинг
Только для жителей Украины
2 посетителя на сайте. Из них:
Гости2
Список пользователей
Svetlanaohg Был(a) в сети 4 минуты назад
Svetlanajzt Был(a) в сети 17 минут назад
Igorkgv Был(a) в сети 1 час назад
Leonzmx Был(a) в сети 2 часа назад
Svetlanaktk Был(a) в сети 2 часа назад
Leonpvn Был(a) в сети 2 часа назад
Svetlanaosk Был(a) в сети 2 часа назад
MinnieNeoms Был(a) в сети 3 часа назад
Julinxc Был(a) в сети 3 часа назад
Julioks Был(a) в сети 3 часа назад
bargopik Был(a) в сети 3 часа назад
Leondvx Был(a) в сети 3 часа назад
Leonzfw Был(a) в сети 4 часа назад
Julirkb Был(a) в сети 4 часа назад
Juligiv Был(a) в сети 5 часов назад
Kevinloyar Был(a) в сети 9 часов назад
ManuelTielt Был(a) в сети 9 часов назад
RenkfardPrody Был(a) в сети 9 часов назад
UPato38 Был(a) в сети 12 часов назад
helorefasxbal Был(a) в сети 13 часов назад
Patrickinfit Был(a) в сети 14 часов назад
agogerug Был(a) в сети 14 часов назад