MyBB Community Forums

hello friends.

how to change the scrollbar like this:
http://cssdeck.com/labs/css3-webkit-vertical-scrollbars

http://community.mybb.com/thread-136778.html

If this doesn't help, let me know because I'm trying to do the same thing atm.

just add this to global.css and hard refresh the page.....

this is the code i use at my site... change colors according to your wish if needed....

btw.... this works only on Chrome and not on any other browser

::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    background: #CCCCCC;
    -webkit-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.2)  ;
}

::-webkit-scrollbar-thumb {
    background: #007AFF;
    -webkit-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.2)  ;
}

::-webkit-scrollbar-thumb:hover {
    background: #00B8FF  ;
}

thanks mmadhankumar .

I never thought of this. Nice one bro.

yes bro..

whether there scroolbar code that can run in all browsers. ?

(2013-07-05, 02:52 AM)ikhwanulfikri Wrote: [ -> ]yes bro..

whether there scroolbar code that can run in all browsers. ?

The link in first post says:

It will work only in webkit browsers. The different styling is achieved using webkit-only pseudo properties.

So chrome has this property and so this code it will support for chrome only.

helo KSR.

how do I add this code in order to change a web kit browser.

whether it be running in mozilla. ?

(2013-07-05, 01:07 PM)ikhwanulfikri Wrote: [ -> ]helo KSR.

how do I add this code in order to change a web kit browser.

whether it be running in mozilla. ?

Bro, webkit is a property supported by chrome (webkit browser) and Firefox is not a webkit browser (doesn't support webkit). So with this property we can't achieve it in Firefox. I am not sure if there's any alternative for Firefox.

FYI, check this out on SO which can be achieved through jquery.

hi bro ..

not also work in mozillla .. mozilla does suck bro. now it is version 21 has not been any change.