Когда у нас готов красивый сайт для публикации это хорошо. но иногда нам кажется что чего-то в нем не хватает. Чаще всего маленькая деталь сайта не дает нам покоя. У меня это стандартный скролл. Я сделал полностью сайт по своему дизайну в любимых тонах, а вот эта полоска белая с боку мне мешает. Не смотрится она там. можно убрать полностью. А ка-же навигация ? Вот по этому я пришел к тому что скролл нужен свой, в стиль сайта
Все делается легко.
Заходим в настройки сайта (там где у нас стили ) и прописываем простой Css код:
/* весь скролбар */ ::-webkit-scrollbar { width: 10px; } /* верхняя и нижняя кнопки скролла*/ ::-webkit-scrollbar-button { background-color: #444; } /* линия всего скролбара */ ::-webkit-scrollbar-track { background: #ffffff;} /* ползунок */ ::-webkit-scrollbar-thumb { background-color: #444; border-radius: 10px;} /* нижний угол скролбара где встречаются горизонтальный и вертикальный скролбары */ ::-webkit-scrollbar-corner { background-color: #999; }
Где стоят решетки это цвета (HEX). Прописываем нужный нам цвет, публикуем и готово!
Цветовую палитру смотри тут.
Сдаем вою работу заказчику и приступаем к следующей.