DLE Изменяем scrollbar без использование Java Script


Представляем хак DLE изменяем scrollbar без использование jаvascript, будет работать на других сайтах и на разных CMS, останется грамотно вставить код css. Итак, если вы хотите изменить 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;
}

DLE Изменяем scrollbar без использование Java Script
Вот и всё. Спасибо за внимание:)
{rating-num}0

Комментарии (0)

Оставить комментарий

Кликните на изображение чтобы обновить код, если он неразборчив