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

Категория: Хаки DLE » Сборник разных хаков
DLE Изменяем scrollbar без использование Java Script
Представляем хак DLE изменяем scrollbar без использование javascript, будет работать на других сайтах и на разных 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;
}


Вот и всё. Спасибо за внимание:)
  • 80
Рубрика: DLE хаки » Разные навороты
Ранее » Mini Profile для DLE« Далее Slider Pro
Добавление комментарияОставить комментарий