[Tutorial] Change The Scroll Bar

BebeGFX · 09-06-2015, 11:24 AM

The tutorial will modify the scroll bar to look exactly like the one at Google Chrome, only will have a blue color set as default)

It is a tutorial, while Chrome does not have scroll bar is changed, but it's valid on all browsers, and for this reason we present.

Step 1-go to >:

Look & Feel > Manage Skin Sets Templates Manage Templates & > in-Your skins .CSS > ipb_styles

Step 2: Add (preferably at the end of the present Code):

[/code]

Code:
::-webkit-scrollbar-track
 
 {
 
 background: #f9f9f9;
 
 border-left: 1px solid #ddd;
 
 }
 
 ::-webkit-scrollbar
 
 {
 
 width: 10px;
 
 height: 10px;
 
 }
 
 ::-webkit-scrollbar-thumb
 
 {
 
 background: rgb(19, 114, 197);
 
 border: 1px solid rgb(19, 114, 197);

[Tutorial] Change The Scroll Bar

Submitted by BebeGFX, 09-06-2015, 11:24 AM, Thread ID: 4650