« CSS Скроллбар для сайтов uCoz »

Описание материала:

Меняем Скроллбар на своем сайте через CSS, работает на сайтах созданных на uCoz. В данном скроллбаре Вы сами легко и просто можете поменять ширину, цвет скроллбара, цвет при наведение на него, закругления, фон дорожки, высоту отступа и так далее. С данным CSS справится и только начинающий web мастер. В коде все подписано что и где надо менять.

Установка:
Заходим в ПУ - Управление дизайном - Таблица стилей (CSS) и в самом вверху ставим данный код:

Код
/* CSS Скроллбар для сайтов uCoz */
::-webkit-scrollbar-button {background-image:url('');background-repat:no-repeat;width:5px;height:0px} /*---Высота отступов и ширина дорожки---*/  
::-webkit-scrollbar-track {background-color:#fff;} /*---- фон дорожки скролла---*/  
::-webkit-scrollbar-thumb {-webkit-border-radius: 0px; border-radius: 0px;background-color:#cb8b00;} /*--- фон скролла и его закругления---*/  
::-webkit-scrollbar-thumb:hover{background-color:#3c3c3c;} /*--- это отвечает за ховэр эффект фона ховера ---*/  
::-webkit-resizer{background-image:url('');background-repeat:no-repeat;width:5px;height:1px} /*---тут тоже ширина---*/  
::-webkit-scrollbar{width: 5px;} /*---Основная ширина скроллбара---*/
/*------------------*/


Готова!


Установка материала

Мы поможем установить данный материал к Вам на сайт


Добавил: YaVi | Категория: Скрипты для uCoz | Просмотров: 983

Теги к материалу: css, Скроллбар, сайтов, ucoz, для

Поделиться в соц. сетях:

К данному материалу нет комментариев, но Вы можете стать первым, оставив свой комментарий!

Комментариев к материалу: 0
avatar