Scrollbards & Cursors
How do I add change the scrollbar colors?
Don't forget the start tags and end tags. All the codes on this page go in between these two tags!
|
<style type="text/css"> |
</style> |
Using CSS, you can change the colors of the page scrollbars. Keep in mind that this code only works in the Internet Explorer browser. Any other browser will see the defaul scrollbars. Also using CSS, you can define which cursor appears on the page, or use a custom cursor image.
Scrollbars
To change your scrollbar colors, use this code.
body{scrollbar-face-color:#000000;scrollbar-shadow-color:#000000; scrollbar-highlight-color:#000000;scrollbar-3dlight-color:#000000; scrollbar-darkshadow-color:#000000;scrollbar-track-color:#000000; scrollbar-arrow-color:#000000;}
Changing Cursor
To change your cursor, use this code. You can change the cursor attribute to default, wait, hand, help, move, e-resize, n-resize, sw-resize, ne-resize.
body{cursor:crosshair}
Changing Hover Cursor
To change your cursor on hover, use this code. You can change the cursor attribute to default, wait, hand, help, move, e-resize, n-resize, sw-resize, ne-resize.
a:hover{cursor:crosshair}
Using Custom Cursor
To use a custom cursor image, use this code. First, upload your .cur file to the internet, then add the URL of your cursor into this code.
body{cursor:url(http://url of cursor.cur)}