» »

Прокрутка сайта в оригинальном и красивом виде


Прокрутка сайта в оригинальном и красивом виде

У каждого браузера своя прокрутка на сайте, а чтоб сделать свою оригинальную, как по цвету и ширине, то этот код вам нужен. И везде он будет смотреться в одном дизайне. Есть другие такие же скрипты, но там все идет автоматом и вы не можете функционировать и что то исправить как здесь. Как все сделать я расскажу вам по подробней.
Первое что нужно сделать, это скопировать сам стиль и прописать в самом подвале вашего CSS:

Код
#body{}  
  ::-webkit-scrollbar  
  {  
  width: 8px;  
  height: 5px;  
  }  
  ::-webkit-scrollbar-track-piece  
  {  
  background-color: #ffffff;  
  -webkit-border-radius: 5px;  
  }  
  ::-webkit-scrollbar-thumb:vertical  
  {  
  height: 5px;  
  background-color: #008AEE;  
  -webkit-border-radius: 5px;  
  }  
  ::-webkit-scrollbar-thumb:horizontal  
  {  
  width: 5px;  
  background-color: #008AEE;  
  -webkit-border-radius: 5px;  
  }


Скрипт, как видите не очень большой и вас не затруднить найти

Код
width: 8px;


Что будет отвечать за ширину самой полосы.

Потом нужно поменять цвет под ваш дизайн.

Код
background-color: #008AEE;


Находим тот оттенок, который вам нужен и меняем.
07.01.2015 Просмотров: 479 Комментарий: (6)

Поделиться в социальных сетях

Материал разместил

Комментарий: 6
by_Lawanda
by_Lawanda 08.01.2015 11:161
0
Где то я видел такой скриншот)
Dimstrik
Dimstrik 09.01.2015 00:302
0
Kosten,
Цитата
там где рип zornet, думаю его пора убрать.
smile
Dimstrik
Dimstrik 09.01.2015 00:373
0
Kosten, Я ему писал в комментариях но я понял что этот человек не понимает что ему советуют.
Dimstrik
Dimstrik 09.01.2015 00:494
0
Kosten, Какой?
avatar
McRamzes 11.02.2015 02:425
0
Спасибо
Kosten
Kosten 11.02.2015 03:436
0
McRamzes, сейчас это что можно. На многих ресурсах стал замечать этот винт.
avatar