• 866
  • 0
  • Адаптировал: irbees2008
  • Уровень сложности исполнения: это делается простым копированием и нажиманием кнопки

Изменяем scrollbar без использование javascript, будет работать на других сайтах и на разных CMS, останется грамотно вставить код css.
Итак приступим
1. Открываеи файл стилей вашего шаблона,ищем стиль

Код:
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;}
Вот все

Можешь почитать и вот эту статейку "Немного о размерах шрифтов"

mistakes

Это тоже интересно

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

Ваше мнение

Ваше отношение к TWIG
Результаты

Облако тегов

Anything in here will be replaced on browsers that support the canvas element