home web tutorials visitor content extra contact

Scrollbars

These scrollbars are coded by me. You MUST link back and credit!!
CSS Colour Hex Code Guide
Scrollbar Guide

Custom (Add your own colours!)(Hex Code Guide)
<STYLE type="text/css">BODY { scrollbar-face-color: COLOUR; scrollbar-highlight-color: COLOUR; scrollbar-3dlight-color: COLOUR; scrollbar-shadow-color: COLOUR; scrollbar-darkshadow-color: COLOUR; scrollbar-track-color: COLOUR; scrollbar-arrow-color: COLOUR; }</STYLE>
Purple with shadows/highlights
<style type="text/css"> body {scrollbar-face-color: #9C5AFF; scrollbar-highlight-color: #ffffff; scrollbar-3dlight-color:#9C5AFF; scrollbar-darkshadow-color: #7310FF; scrollbar-shadow-color: #9C5AFF; scrollbar-arrow-color: #ffffff; scrollbar-track-color: transparent; </style>
Orange with shadows/highlights
<style type="text/css"> body {scrollbar-face-color: #FA7A5C; scrollbar-highlight-color: #ffffff; scrollbar-3dlight-color: #FA7A5C; scrollbar-darkshadow-color: #FD3D11; scrollbar-shadow-color: #FA7A5C; scrollbar-arrow-color: #ffffff; scrollbar-track-color: transparent; </style>
Light Orange with shadows/highlights
<style type="text/css"> body {scrollbar-face-color: #FFB55A; scrollbar-highlight-color: #ffffff; scrollbar-3dlight-color: #FFB55A; scrollbar-darkshadow-color: #FF9410; scrollbar-shadow-color: #FFB55A; scrollbar-arrow-color: #ffffff; scrollbar-track-color: transparent; </style>
Violet with shadows/highlights
<style type="text/css"> body {scrollbar-face-color: #D65AFF; scrollbar-highlight-color: #ffffff; scrollbar-3dlight-color: #D65AFF; scrollbar-darkshadow-color: #CE10FF; scrollbar-shadow-color: #D65AFF; scrollbar-arrow-color: #ffffff; scrollbar-track-color: transparent; </style>
Green with shadows/highlights
<style type="text/css"> body {scrollbar-face-color: #8CD64A; scrollbar-highlight-color: #ffffff; scrollbar-3dlight-color: #8CD64A; scrollbar-darkshadow-color: #7BC642; scrollbar-shadow-color: #8CD64A; scrollbar-arrow-color: #ffffff; scrollbar-track-color: transparent; </style>
Red with shadows/highlights
<style type="text/css"> body{ scrollbar-face-color : #ed1346; scrollbar-highlight-color : #f66c8c; scrollbar-3dlight-color : #faacbf; scrollbar-shadow-color : #d60a3a; scrollbar-darkshadow-color : #a40c2f; scrollbar-track-color : #efd1d9; scrollbar-arrow-color : #f5cbd5; }</style>
Blue with shadows/highlights
<style type="text/css"> body {scrollbar-face-color:#9CB5FF; scrollbar-highlight-color: #ffffff; scrollbar-3dlight-color: #9CB5FF; scrollbar-darkshadow-color: #739CFF; scrollbar-shadow-color: #9CB5FF; scrollbar-arrow-color: #ffffff; scrollbar-track-color: transparent; </style>
Light Blue with NO shadows/highlights
<STYLE type="text/css">BODY { scrollbar-face-color: #33CCFF; scrollbar-highlight-color: #33CCFF; scrollbar-3dlight-color: #33CCFF; scrollbar-shadow-color: #33CCFF; scrollbar-darkshadow-color: #33CCFF; scrollbar-track-color: #99CCFF; scrollbar-arrow-color: #99CCFF; }</STYLE>
Pink with NO shadows/highlights
<STYLE type="text/css">BODY { scrollbar-face-color: #FF99FF; scrollbar-highlight-color: #FF99FF; scrollbar-3dlight-color: #FF99FF; scrollbar-shadow-color: #FF99FF; scrollbar-darkshadow-color: #FF99FF; scrollbar-track-color: #FFCCFF; scrollbar-arrow-color: #FFCCFF; }</STYLE>
Grey with NO shadows/highlights
<STYLE type="text/css">BODY { scrollbar-face-color: #999999; scrollbar-highlight-color: #999999; scrollbar-3dlight-color: #999999; scrollbar-shadow-color: #999999; scrollbar-darkshadow-color: #999999; scrollbar-track-color: #000000; scrollbar-arrow-color: #000000; }</STYLE>
Blue with shadows/highlights
<STYLE type="text/css">BODY { scrollbar-face-color: #0066FF; scrollbar-highlight-color: #99CCFF; scrollbar-3dlight-color: #66CCFF; scrollbar-shadow-color: #3366FF; scrollbar-darkshadow-color: #000000; scrollbar-track-color: #CCFFFF; scrollbar-arrow-color: #CCFFFF; }</STYLE> </texrarea><br> White with NO shadows/highlights grey arrow<br><textarea><STYLE type="text/css">BODY { scrollbar-face-color: #FFFFFF; scrollbar-highlight-color: #FFFFFF; scrollbar-3dlight-color: #FFFFFF; scrollbar-shadow-color: #FFFFFF; scrollbar-darkshadow-color: #FFFFFF; scrollbar-track-color: #FFFFFF; scrollbar-arrow-color: #999999; }</STYLE>