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

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

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

Можешь почитать и вот эту статейку "ВЕРСТКА ШАБЛОНОВ НА DIVах для новичков"

Опрос

Ваше мнение

Как вам наш дизайн сайта?
Результаты

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

Теги

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

Статистика

  • Caйту: 4488 дней
  • Новостей: 566
  • Комменты: 257
  • Зарегистрированно : 670
  • Онлайн всего: [7]
  • Гости: [6]
  • Поисковики: [1] Яндекс
  • Были сегодня : [3] Google, Яндекс, dankeanke
  • SQL запросов: 30
  • Генерация страницы: 0.322сек
  • Потребление памяти: 5.151 Mb 
  •   Яндекс.Метрика