» » » Изменяем 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;
}
.
Спасибо :)


Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.

Комментарии

4

byroot

Посетители 21 сентября 2015 14:00
Уроки css рулят?))))))))
Уже давно всем известно (кому это надо) как менять...

Этот код срабатывает на мобильных устройствах?
4

Stream

Посетители 25 сентября 2015 17:00
Цитата: byroot
Уроки css рулят?))))))))
Уже давно всем известно (кому это надо) как менять...

Этот код срабатывает на мобильных устройствах?

Это связано какой ОС лежит в твоем устройстве

Информация

Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.