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

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

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

Можешь почитать и вот эту статейку "Подключение нестандартных шрифтов на сайт"

Опрос

Ваше мнение

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

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

Теги

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

Статистика

  • Caйту: 4704 дня
  • Новостей: 580
  • Комменты: 257
  • Зарегистрированно : 691
  • Онлайн всего: [60]
  • Гости: [59]
  • Поисковики: [1] Google
  • Были сегодня : [1] Google
  • SQL запросов: 30
  • Генерация страницы: 0.265сек
  • Потребление памяти: 5.159 Mb 
  •   Яндекс.Метрика