Изменяем scrollbar без использование JavaScript. » TopSkript.Net Всё о скриптах и для скриптов
» » » Изменяем 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;
}
скачать dle 10.2 КиноСвин
  • DLE хаки
  • 20-07-2017, 19:14
  • 182
  • MrHimick
Вернуться назад
Аватар
  • Ник: admin4ik
  • Группа: Посетители
1
Спасибо пригодилось )
  
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.