FANDOM


<<<< Back To T-Codes

Adding an awesome scrollbar to your site will make your website even more awesome. It goes in the CSS file or while on Blogger, add a new Widget and then add a new HTML/JavaScript Widget, then copy the code that you desire to use. These are CSS Codes.

798 Scrollbar

Scrollbar-798 798 SCROLLBAR CODE ==== Code by: T-Codes http://warrenwoodhouse.webs.com/codes Follow the instructions below to install into your own website: ---- WINDOWS SCROLLBAR ---- Place this code in the CSS file of your website. <STYLE type="text/css"> <!-- BODY { scrollbar-face-color: #00BFFF; scrollbar-highlight-color: #FFFFFF; scrollbar-3dlight-color: #00BFFF; scrollbar-darkshadow-color: #BEBEBE; scrollbar-shadow-color: #D3D3D3; scrollbar-arrow-color: #FFFFFF; scrollbar-track-color: #00BFFF; } --> </STYLE> You can place a link back to where you got it from <a href="http://warrenwoodhouse.webs.com/codes"><img src="http://warrenwoodhouse.webs.com/codes/button.gif" border="0" alt="T-Codes" title="T-Codes"></a> ---- MAC SCROLLBAR ---- Place this code in the CSS file of your website. <style> /* Force scrollbars onto browser window */ /* Scrollbar Code By T-Codes www.tcodesblog.blogspot.com */ body { margin-bottom: 200%; } /* Box styles */ .myBox { border: none; padding: 5px; font: 24px/36px sans-serif; width: 200px; height: 200px; overflow: scroll; } /* Scrollbar styles */ ::-webkit-scrollbar { width: 12px; height: 12px; } ::-webkit-scrollbar-track { border: 1px solid #00BFFF; border-radius: 10px; } ::-webkit-scrollbar-thumb { background: #BEBEBE; border-radius: 10px; } ::-webkit-scrollbar-thumb:hover { background: #FFFFFF; } </style>

ANA-NET Scrollbar (Yellow)

Scrollbar-ANANETYellow ANA-NET SCROLLBAR CODE - YELLOW VERSION ==== Code by: T-Codes http://warrenwoodhouse.webs.com/codes Follow the instructions below to install into your own website: ---- WINDOWS SCROLLBAR ---- Place this code in the CSS file of your website. <STYLE type="text/css"> <!-- BODY { scrollbar-face-color: #FFE02F; scrollbar-darkshadow-color: #D2B300; scrollbar-shadow-color: #E8C500; scrollbar-3dlight-color: #FFE02F; scrollbar-arrow-color: #000000; scrollbar-track-color: #FFF19F; scrollbar-highlight-color: #FFFFFF; } --> </STYLE> You can place a link back to where you got it from <a href="http://warrenwoodhouse.webs.com/codes"><img src="http://warrenwoodhouse.webs.com/codes/button.gif" border="0" alt="T-Codes" title="T-Codes"></a> ---- MAC SCROLLBAR ---- Place this code in the CSS file of your website. <style> /* Force scrollbars onto browser window */ /* Scrollbar Code By T-Codes www.tcodesblog.blogspot.com */ body { margin-bottom: 200%; } /* Box styles */ .myBox { border: none; padding: 5px; font: 24px/36px sans-serif; width: 200px; height: 200px; overflow: scroll; } /* Scrollbar styles */ ::-webkit-scrollbar { width: 12px; height: 12px; } ::-webkit-scrollbar-track { border: 1px solid #FFF19F; border-radius: 10px; } ::-webkit-scrollbar-thumb { background: #D2B300; border-radius: 10px; } ::-webkit-scrollbar-thumb:hover { background: #000000; } </style>

ANA-NET Scrollbar (Pink)

Scrollbar-ANANETPink ANA-NET SCROLLBAR CODE - PINK VERSION ==== Code by: T-Codes http://warrenwoodhouse.webs.com/codes Follow the instructions below to install into your own website: ---- WINDOWS SCROLLBAR ---- Place this code in the CSS file of your website. <STYLE type="text/css"> <!-- BODY { scrollbar-face-color: #FF82BD; scrollbar-darkshadow-color: #FF0079; scrollbar-shadow-color: #FF4AA0; scrollbar-3dlight-color: #FF82BD; scrollbar-arrow-color: #000000; scrollbar-track-color: #FFB0D6; scrollbar-highlight-color: #FFFFFF; } --> </STYLE> You can place a link back to where you got it from <a href="http://warrenwoodhouse.webs.com/codes"><img src="http://warrenwoodhouse.webs.com/codes/button.gif" border="0" alt="T-Codes" title="T-Codes"></a> ---- MAC SCROLLBAR ---- Place this code in the CSS file of your website. <style> /* Force scrollbars onto browser window */ /* Scrollbar Code By T-Codes www.tcodesblog.blogspot.com */ body { margin-bottom: 200%; } /* Box styles */ .myBox { border: none; padding: 5px; font: 24px/36px sans-serif; width: 200px; height: 200px; overflow: scroll; } /* Scrollbar styles */ ::-webkit-scrollbar { width: 12px; height: 12px; } ::-webkit-scrollbar-track { border: 1px solid #FFB0D6; border-radius: 10px; } ::-webkit-scrollbar-thumb { background: #FF0079; border-radius: 10px; } ::-webkit-scrollbar-thumb:hover { background: #000000; } </style>

Conduit Scrollbar

Scrollbar-Conduit CONDUIT SCROLLBAR CODE ==== Code by: T-Codes http://warrenwoodhouse.webs.com/codes Follow the instructions below to install into your own website: ---- WINDOWS SCROLLBAR ---- Place this code in the CSS file of your website. <STYLE type="text/css"> <!-- BODY { scrollbar-face-color: #FFFFFF; scrollbar-darkshadow-color: #FFFFFF; scrollbar-shadow-color: #FFFFFF; scrollbar-3dlight-color: #FFFFFF; scrollbar-arrow-color: #BEBEBE; scrollbar-track-color: #FFFFFF; scrollbar-highlight-color: #BEBEBE; } --> </STYLE> You can place a link back to where you got it from <a href="http://warrenwoodhouse.webs.com/codes"><img src="http://warrenwoodhouse.webs.com/codes/button.gif" border="0" alt="T-Codes" title="T-Codes"></a> ---- MAC SCROLLBAR ---- Place this code in the CSS file of your website. <style> /* Force scrollbars onto browser window */ /* Scrollbar Code By T-Codes www.tcodesblog.blogspot.com */ body { margin-bottom: 200%; } /* Box styles */ .myBox { border: none; padding: 5px; font: 24px/36px sans-serif; width: 200px; height: 200px; overflow: scroll; } /* Scrollbar styles */ ::-webkit-scrollbar { width: 12px; height: 12px; } ::-webkit-scrollbar-track { border: 1px solid #FFFFFF; border-radius: 10px; } ::-webkit-scrollbar-thumb { background: #BEBEBE; border-radius: 10px; } ::-webkit-scrollbar-thumb:hover { background: #BEBEBE; } </style>

Daft Freak Scrollbar

Scrollbar-DaftFreak DAFT FREAK SCROLLBAR CODE ==== Code by: T-Codes http://warrenwoodhouse.webs.com/codes Follow the instructions below to install into your own website: ---- WINDOWS SCROLLBAR ---- Place this code in the CSS file of your website. <STYLE type="text/css"> <!-- BODY { scrollbar-face-color: #FF0000; scrollbar-darkshadow-color: #00FFFF; scrollbar-shadow-color: #00FFFF; scrollbar-3dlight-color: #00FFFF; scrollbar-arrow-color: #00FFFF; scrollbar-track-color: #FF0000; scrollbar-highlight-color: #00FFFF; } --> </STYLE> You can place a link back to where you got it from <a href="http://warrenwoodhouse.webs.com/codes"><img src="http://warrenwoodhouse.webs.com/codes/button.gif" border="0" alt="T-Codes" title="T-Codes"></a> ---- MAC SCROLLBAR ---- Place this code in the CSS file of your website. <style> /* Force scrollbars onto browser window */ /* Scrollbar Code By T-Codes www.tcodesblog.blogspot.com */ body { margin-bottom: 200%; } /* Box styles */ .myBox { border: none; padding: 5px; font: 24px/36px sans-serif; width: 200px; height: 200px; overflow: scroll; } /* Scrollbar styles */ ::-webkit-scrollbar { width: 12px; height: 12px; } ::-webkit-scrollbar-track { border: 1px solid #FF0000; border-radius: 10px; } ::-webkit-scrollbar-thumb { background: #00FFFF; border-radius: 10px; } ::-webkit-scrollbar-thumb:hover { background: #00FFFF; } </style>

Warren Woodhouse Scrollbar (White)

Scrollbar-WarrenWoodhouse WARREN WOODHOUSE SCROLLBAR CODE - WHITE VERSION ==== Code by: T-Codes http://warrenwoodhouse.webs.com/codes Follow the instructions below to install into your own website: ---- WINDOWS SCROLLBAR ---- Place this code in the CSS file of your website. <STYLE type="text/css"> <!-- BODY { scrollbar-face-color: #FFFFFF; scrollbar-highlight-color: #CD0000; scrollbar-3dlight-color: #FF0000; scrollbar-darkshadow-color: #CD0000; scrollbar-shadow-color: #FF0000; scrollbar-arrow-color: #FF0000; scrollbar-track-color: #FFFFFF; } --> </STYLE> You can place a link back to where you got it from <a href="http://warrenwoodhouse.webs.com/codes"><img src="http://warrenwoodhouse.webs.com/codes/button.gif" border="0" alt="T-Codes" title="T-Codes"></a> ---- MAC SCROLLBAR ---- Place this code in the CSS file of your website. <style> /* Force scrollbars onto browser window */ /* Scrollbar Code By T-Codes www.tcodesblog.blogspot.com */ body { margin-bottom: 200%; } /* Box styles */ .myBox { border: none; padding: 5px; font: 24px/36px sans-serif; width: 200px; height: 200px; overflow: scroll; } /* Scrollbar styles */ ::-webkit-scrollbar { width: 12px; height: 12px; } ::-webkit-scrollbar-track { border: 1px solid #FFFFFF; border-radius: 10px; } ::-webkit-scrollbar-thumb { background: #FF0000; border-radius: 10px; } ::-webkit-scrollbar-thumb:hover { background: #CD0000; } </style>

Warren Woodhouse Scrollbar (Black)

Scrollbar-WarrenWoodhouseBlack WARREN WOODHOUSE SCROLLBAR CODE - BLACK VERSION ==== Code by: T-Codes http://warrenwoodhouse.webs.com/codes Follow the instructions below to install into your own website: ---- WINDOWS SCROLLBAR ---- Place this code in the CSS file of your website. <STYLE type="text/css"> <!-- BODY { scrollbar-face-color: #000000; scrollbar-darkshadow-color: #FF0000; scrollbar-shadow-color: #FF0000; scrollbar-3dlight-color: #FF0000; scrollbar-arrow-color: #FF0000; scrollbar-track-color: #000000; scrollbar-highlight-color: #FF0000; } --> </STYLE> You can place a link back to where you got it from <a href="http://warrenwoodhouse.webs.com/codes"><img src="http://warrenwoodhouse.webs.com/codes/button.gif" border="0" alt="T-Codes" title="T-Codes"></a> ---- MAC SCROLLBAR ---- Place this code in the CSS file of your website. <style> /* Force scrollbars onto browser window */ /* Scrollbar Code By T-Codes www.tcodesblog.blogspot.com */ body { margin-bottom: 200%; } /* Box styles */ .myBox { border: none; padding: 5px; font: 24px/36px sans-serif; width: 200px; height: 200px; overflow: scroll; } /* Scrollbar styles */ ::-webkit-scrollbar { width: 12px; height: 12px; } ::-webkit-scrollbar-track { border: 1px solid #000000; border-radius: 10px; } ::-webkit-scrollbar-thumb { background: #FF0000; border-radius: 10px; } ::-webkit-scrollbar-thumb:hover { background: #FF0000; } </style>

Classic Windows Scrollbar

Scrollbar-WindowsXP WINDOWS SCROLLBAR CODE ==== Code by: T-Codes http://warrenwoodhouse.webs.com/codes Follow the instructions below to install into your own website: ---- WINDOWS SCROLLBAR ---- Place this code in the CSS file of your website. <STYLE type="text/css"> <!-- BODY { scrollbar-face-color: #D4D0C8; scrollbar-highlight-color: #FFFFFF; scrollbar-3dlight-color: #D4D0C8; scrollbar-darkshadow-color: #404040; scrollbar-shadow-color: #808080; scrollbar-arrow-color: #000000; scrollbar-track-color: #FFFFFF; } --> </STYLE> You can place a link back to where you got it from <a href="http://warrenwoodhouse.webs.com/codes"><img src="http://warrenwoodhouse.webs.com/codes/button.gif" border="0" alt="T-Codes" title="T-Codes"></a> ---- MAC SCROLLBAR ---- Place this code in the CSS file of your website. <style> /* Force scrollbars onto browser window */ /* Scrollbar Code By T-Codes www.tcodesblog.blogspot.com */ body { margin-bottom: 200%; } /* Box styles */ .myBox { border: none; padding: 5px; font: 24px/36px sans-serif; width: 200px; height: 200px; overflow: scroll; } /* Scrollbar styles */ ::-webkit-scrollbar { width: 12px; height: 12px; } ::-webkit-scrollbar-track { border: 1px solid #FFFFFF; border-radius: 10px; } ::-webkit-scrollbar-thumb { background: #D4D0C8; border-radius: 10px; } ::-webkit-scrollbar-thumb:hover { background: #808080; } </style>

Community content is available under CC-BY-SA unless otherwise noted.