• Автор:

    Flesha
  • Добавлено:

    окт 06, 2015
  • Комментариев:

    0
  • Просмотров:

    1 410

Изменяем 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
Вернуться
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.