Color Scrollbar


Changing the color on the scrollbar CSS

You are diligent surfing'll often come across a web page with color scrollbars colorful. If on this page are colored turquoise scrollbar (see the scrollbar on the right). Maybe you are confused, how to load the scrollbar like that?


Actually it is a "game" of CSS only. For example, make this HTML file

<html>
<head>
<title>Color Scrollbar</title>
<link rel="stylesheet" type="text/css" href="scroll.css">
<style type="text/css">
<!--
BODY {
      SCROLLBAR-FACE-COLOR: #c51603 !important;
        SCROLLBAR-HIGHLIGHT-COLOR: #ffbf5e !important;
        SCROLLBAR-SHADOW-COLOR: #c51603 !important;
        SCROLLBAR-3DLIGHT-COLOR: #c51603 !important;
        SCROLLBAR-ARROW-COLOR: #ffffff !important;
        SCROLLBAR-TRACK-COLOR: #ffbf5e !important;
        SCROLLBAR-DARKSHADOW-COLOR: #c51603 !important;
}
.style1 {font-size: 28px}
-->
</style>
</head>
<body>
<p class="style1">Color scrollbar effect to make custom scroll bar. But this code only works in Internet Explorer.</p>
</body>
</html>

To create a different look to the example above, you only replace the color in the CSS above.

Unfortunately, this CSS can only work on Internet Explorer browser version 5.5 and above.

0 comments:

Post a Comment