carol♥z-motion
aquila♥(inky);paper
map♥swordmanspirit
CSS tutorials: Scrollbars
Level:
Styling scrollbars with CSS is something that became less important recently. A few years ago everyone did this but since we have a great variety of browsers today it's way too hard adjust scrollbars without having a mess within your stylesheet. In addition having colored scrollbars, exepted from flashbars, makes your website look less serious. Nevertheless... if you still want to try pimping up your scrollbars or just don't want to read the word "leesss" anymore feel free to use the following scheme to do so:
Having some well colored scrolls means nothing more than adding some colors to your stylesheet. You better make sure what browser your visitors make use of since colored scrollbars will be ignored by browsers such as Firefox. If you want to have a full colored scrollbar you need to define the following details to your stylesheet. Those definitions need to be added to the body-attributes
body
{
scrollbar3dLightColor - adds colors to 3D effect
scrollbarArrowColor - adds colors to scrolling arrows
scrollbarBaseColor - adds basic color
scrollbarDarkshadowColor - adds shadow and it's color
scrollbarFaceColor - adds color to the major interface
scrollbarHighlightColor - adds colors to upper and left border
scrollbarShadowColor - adds colors to lower and right border
scrollbarTrackColor - adds color to space behind the scrollbar
}
Once upon a time Chou created this wonderful looking scrollbar scheme. Everyone who dared to use it without permission died a cruel death and was seen nevermore. And Chou lived happily ever after.
last updated on January 21, 2010
⬅ GO BACK
general |
|
style selection |
|
broad your mind |
|
creative aids |
|
