Хаки и Скрипты Next Generation CMS

Изменяем scrollbar без использование javascript

irbees2008 irbees2008 Опубликовано - 22 - декабря CSS
2443 - 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;}
Вот все

Можешь почитать и вот эту статейку "Советую обновится с версии 0.9.4 до 0.9.5"

Опрос

Ваше мнение

Каким софтом вы пользуетесь?
Результаты

Последние комментарии

Теги

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

Статистика

  • Caйту: 4365 дней
  • Новостей: 566
  • Комменты: 257
  • Зарегистрированно : 660
  • Онлайн всего: [5]
  • Гости: [5]
  • Были сегодня : [3] Google, Яндекс, Google
  • SQL запросов: 30
  • Генерация страницы: 0.831сек
  • Потребление памяти: 5.226 Mb 
  •   Яндекс.Метрика