7.10.15, 05:11
2 комментарий
  Уроки

Изменяем 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 11.2

Комментарии

  1. PVM Пользователь offline 20 октября 2015 19:29                    

    Не о чем! Не работает во многих браузерах

  1. eduard 27 мая 2016 23:02                    

    спасибо, все работает, зелененькую щас поставил) красота!)

Напишите своё мнение