 | |||||||||
|
|
|
|
|
|
|
|
|
|
|
|
Transparent Scrollbars Inside Inline Frames
You've hopefully already seen my regular scrollbars tutorial. This tutorial makes it a little more spiffy. It takes care of some transparency issues to make it look prettier, and is just a filter effect! Just a note that colored scrollbar effects only work in Internet Explorer and do not validate. First, you put the following code in your iframes tag. style="FILTER:chroma(color=SOME COLOR)" Basically, your iframes code will now look something like this:
Now, the SOME COLOR has to be a color you are not using anywhere else on your layout. The code will make *that* color transparent. Something ugly if you like, to ensure you won't be using it. Now put that color in the scrollbar code (below for your reference) wherever you want something to be transparent. A good idea is to put it on the track-color. You can add it to other scrollbar codes if you want as well. But do leave at least the arrows so people are able to scroll around. Here's just a reminder of what the scrollbar code looks like. Remember, that it goes inside the BODY section.
| |||||||||