Наш опрос
Каким браузером вы пользуетесь?
Всего ответов: 46
Случайный анекдот
48 Двое приятелей обсуждают недавно вышедший кинофильм. - Знаешь, это удивительно, но эта картина снята в точности по книге! - Разве? - Просматривая данный фильм, я заснул на том же самом месте, на котором уснул, читая книгу…
Статистика
Онлайн всего: 1
Гостей: 1
Пользователей: 0

» Сегодня нас посетили:
» Зарег. на сайте
Всего: 3193
Новых за месяц: 9
Новых за неделю: 1
Новых вчера: 0
Новых сегодня: 0
» Из них
Администраторов: 1
Модераторов: 2
С активностью: 169
Авторизованных: 3021

   Новый вид полосы прокрутки на юкоз



Как показано на скрине "скрипт" придает новый вид полосе прокрутки (скролбару) и заменит надоевший, стандартный вид. Код написан для темных дизайнов сайта, но по желанию его можно настроить на свой вкус. Так же достоинством этого скрипта является отсутствие скриптов и различных плагинов в отличии от подобных аналогов.

Установка:
В css стили ставим код ниже
Код
-webkit-scrollbar{height:10px}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track-piece:vertical{background-color:#3c3c3c}::-webkit-scrollbar-track-piece:horizontal{background-color:#3c3c3c}::-webkit-scrollbar-thumb:vertical{background-color:#787878;border:1px #8f8f8f solid;border-radius:3px;-webkit-border-radius:3px}::-webkit-scrollbar-thumb:vertical:hover{background-color:#969696}::-webkit-scrollbar-thumb:vertical:active{background-color:#5b5b5b}::-webkit-scrollbar-thumb:horizontal{background-color:#787878;border:1px #8f8f8f solid;border-radius:3px;-webkit-border-radius:3px}::-webkit-scrollbar-thumb:horizontal:hover{background-color:#969696}::-webkit-scrollbar-thumb:horizontal:active{background-color:#5b5b5b}::-webkit-scrollbar-button:horizontal{background-color:#5e5e5e;background-repat:no-repeat;width:10px;height:10px}::-webkit-scrollbar-button:horizontal:hover{background-color:#747474;background-repat:no-repeat;width:10px;height:10px}::-webkit-scrollbar-button:horizontal:active{background-color:#6b6b6b;background-repat:no-repeat;width:10px;height:10px}::-webkit-scrollbar-button:vertical{background-color:#5e5e5e;background-repat:no-repeat;width:10px;height:10px}::-webkit-scrollbar-button:vertical:hover{background-color:#747474;background-repat:no-repeat;width:10px;height:10px}::-webkit-scrollbar-button:vertical:active{background-color:#6b6b6b;background-repat:no-repeat;width:10px;height:10px}::-webkit-resizer{background-color:#5e5e5e;background-repeat:no-repeat;width:5px;height:5px}::-webkit-resizer:hover{background-color:#747474;background-repeat:no-repeat;width:5px;height:5px}::-webkit-resizer:active{background-color:#6b6b6b;background-repeat:no-repeat;width:5px;height:5px}


Html редактор
Автор: Prosvetekvator
Просмотров: 1826
08.12.2013


Другие статьи почитайка;)
Поделись ссылкой на форумах
Ссылка:
BB-code:
HTML:


« Пред. Новый вид полосы прокрутки на юкоз След. »


Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Форма входа

Мини-чат
Топ пользователей
Новое на форуме








Комментарии