bar-reaktor.ru

"Помощь в развитии Сайта"     "Торрент- трекер от Наших сайтов"     "Архив сайта"

Выбрать дизайн:
  • Страница 1 из 1
  • 1
Модератор форума: XemorDio  
Форум » Для вебмастеров » Графика для сайта » Скролл (скроллбар)
Скролл (скроллбар)
Легат_Маркс Дата: Вт, 29.08.2017, 05:51:04 | Сообщение # 1

Бывалый Сталкер
В Зоне Реактора с 30.10.2015
Сообщений: 55
Хабар : 2
Репутация Сталкера в ЧЗО:130
Заслуги в Зоне Реактора
За хорошую репутацию За 50 Сообщений
Скпроллбар – это горизонтальная или вертикальная полоса прокрутки, элемент управления интерфейса, формы, веб-страницы и т д. Выполнен в форме полосы с «ползунком», при помощи которого можно быстро перемещаться к нужной информации, части картинки и т д, открывая ту часть интерфейса или веб-страницы, которая не поместилась в видимой части экрана. Обычно скроллбар расположен в правой нижней части экрана.

Пример скролла:



Как сделать свой скролл?
Всё очень просто.
Заходим в css. В любое место вставляем код:

Код
::-webkit-scrollbar{width: 10px;height: 5px;}
::-webkit-scrollbar-track-piece{background-color: #222;-webkit-border-radius: 5px;}
::-webkit-scrollbar-thumb:vertical{height: 5px;background-color: #333;-webkit-border-radius: 5px;}
::-webkit-scrollbar-thumb:horizontal{width: 5px;background-color: #666;-webkit-border-radius: 5px;}


Как изменить вид? Всё так же просто. У нас есть несколько параметров. Рассмотрим их.
width - отвечает за размер в ширину.
height - длина.
background-color - цвет фона.
-webkit-border-radius - закругление.



 
Форум » Для вебмастеров » Графика для сайта » Скролл (скроллбар)
  • Страница 1 из 1
  • 1
Поиск:

Последние сообщения:

Чат

Активисты Форума:

Нужные темы:


CMIT               (03.04.2016)
Dimon02022               (08.11.2011)
kapa               (09.01.2014)
Strelok               (01.11.2014)
garwas               (12.11.2011)
LENA_D               (11.10.2010)
ULTRA               (04.09.2015)
Чик@нчик               (15.04.2014)
tyman21               (09.11.2013)

Пришедшие в Бар:


Alexhura               (17.05.2019)
Aleхhura               (17.05.2019)
Alekshura               (17.05.2019)
zsh               (13.05.2019)
Mezocop               (06.05.2019)
Константин               (05.05.2019)
Использование материалов сайта только с разрешения Администрации! LENA_D- bar-reaktor.ru