The scroll bar is a versatile function that makes working with any website more convenient and faster. At the same time, site owners prefer to install on their pages not only useful, but also beautiful add-ons that match the design to the overall color scheme of the page. In this article, we will show you how to install a colored scrollbar on your website. There are several ways to do this, and one of them is a ready-made code that can be installed on any page in which you want to change the scrollbar.
Instructions
Step 1
Select the page to edit and copy its HTML code into notepad.
After the tag, paste the code:
body {scrollbar-face-color: # 5997CA;
scrollbar-shadow-color: #ffffff;
scrollbar-highlight-color: #ffffff;
scrollbar-3dlight-color: # 5997CA;
scrollbar-darkshadow-color: # 5997CA;
scrollbar-track-color: # F6F6F6;
scrollbar-arrow-color: # F6F6F6; }
Step 2
In the code, adjust the color values for each parameter as you wish: the color of the scroll bar, the color of the arrow, the background color of the scroll bar, the color of the borders, separating the bars, and so on.
This is the simplest way, but besides it there is one more - save the same code with your scrollbar color settings as a css file and load it on the page. To do this, open the above code without tags in notepad. Save the code file and name it scroll.css. Then upload to the server in the same place as the page where you want to change the scrollbar.
Step 3
If you do not know the lettering of colors in HTML, search the Internet for any table with these symbols. It will help you correlate codes and colors, and choose the right color for your website design.
