[Tutorial] Change The Scroll Bar

by BebeGFX - 09-06-2015, 11:24 AM
Closed Account
Posts:
76
Joined:
Jun 2015
Likes:
7
Credits:
81
Reputation:
0
2 Years of Service
#1
OP
Posted: 09-06-2015, 11:24 AM (This post was last modified: 09-06-2015, 11:27 AM by BebeGFX.)
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);
The last reply on this thread is older than a month. Please do not unnecessarily bump it.
Register an account or login to reply
Create an account
Create a free account today and start posting right away. It only takes a few seconds.
Login
Log into an existing account.
1 Guest(s)