Be with friends! Join NeoExtreme’s forum to discuss Neopets, find tips and tricks, and to have fun! Jump to the forums or if want to know more, read our tutorial!

Transparent Scrollbars

Last updated 16 Sep 2005
Thank you for using our NeoExtreme tutorials! We are pleased to know that we have helped you in some way today. If you have any questions or concerns about our tutorials, please contact us.

Preview

A preview of what your end product will look like
Yeah stuff here. Editing code. Yeah stuff here. Editing code. Yeah stuff here. Editing code. Yeah stuff here. Editing code. Yeah stuff here. Editing code. Yeah stuff here. Editing code. Yeah stuff here. Editing code. Yeah stuff here. Editing code. Yeah stuff here. Editing code. Yeah stuff here. Editing code. Yeah stuff here. Editing code. Yeah stuff here. Editing code. Yeah stuff here. Editing code. Yeah stuff here. Editing code. Yeah stuff here. Editing code. Yeah stuff here. Editing code. Yeah stuff here. Editing code. Yeah stuff here. Editing code. Yeah stuff here. Editing code. Yeah stuff here. Editing code. Yeah stuff here. Editing code. Yeah stuff here. Editing code. Yeah stuff here. Editing code. Yeah stuff here. Editing code. Yeah stuff here. Editing code. Yeah stuff here. Editing code. Yeah stuff here. Editing code. Yeah stuff here. Editing code. Yeah stuff here. Editing code. Yeah stuff here. Editing code. Yeah stuff here. Editing code. Yeah stuff here. Editing code. Yeah stuff here. Editing code. Yeah stuff here. Editing code. Yeah stuff here. Editing code. Yeah stuff here. Editing code. Yeah stuff here. Editing code. Yeah stuff here. Editing code. Yeah stuff here. Editing code. Yeah stuff here. Editing code. Yeah stuff here. Editing code. Yeah stuff here. Editing code. Yeah stuff here. Editing code. Yeah stuff here. Editing code. Yeah stuff here. Editing code. Yeah stuff here. Editing code. Yeah stuff here. Editing code. Yeah stuff here. Editing code. Yeah stuff here. Editing code. Yeah stuff here. Editing code. Yeah stuff here. Editing code. Yeah stuff here. Editing code. Yeah stuff here. Editing code. Yeah stuff here. Editing code. Yeah stuff here. Editing code. Yeah stuff here. Editing code. Yeah stuff here. Editing code. Yeah stuff here. Editing code. Yeah stuff here. Editing code. Yeah stuff here. Editing code. Yeah stuff here. Editing code. Yeah stuff here. Editing code. Yeah stuff here. Editing code. Yeah stuff here. Editing code. Yeah stuff here. Editing code. Yeah stuff here. Editing code. Yeah stuff here. Editing code. Yeah stuff here. Editing code. Yeah stuff here. Editing code. Yeah stuff here. Editing code. Yeah stuff here. Editing code. Yeah stuff here. Editing code. Yeah stuff here. Editing code. Yeah stuff here. Editing code. Yeah stuff here. Editing code. Yeah stuff here. Editing code. Yeah stuff here. Editing code. Yeah stuff here. Editing code.

Tutorial

Now for what you came for!
1. Add this as your CSS or to your CSS.

2. Add this to the place where you want your transparent scrollbar. Generally in table or div codes.
overflow:auto; FILTER:chroma (color=white); class="transparentscroll"; allowtransparency="true"

<div style="overflow: auto; z-index: 99; box-sizing: border-box; -moz-box-sizing: border-box; position: relative; top: 12px; left: 5px; width: 186px; height: 122px; margin-right: -186px; margin-bottom: -122px; overflow:auto; FILTER:chroma (color=white); class="transparentscroll"; allowtransparency="true">

Neoextreme is proud to be sponsored by Budgethost.ca. Check out Budgethost.ca to get the best deals for your website!
Print