IP.Board Tutorials

[Tutorial] Change The Scroll Bar

Submitted by BebeGFX, , Thread ID: 4650

Thread Closed
BebeGFX
Junior Member
Level:
0
Reputation:
0
Posts:
72
Likes:
11
Credits:
48
09-06-2015, 11:24 AM
This post was last modified: 09-06-2015, 11:27 AM by BebeGFX
#1
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);

Users browsing this thread: 1 Guest(s)