Transparent Scrollbars for DIV Layouts

VISIT DZYNE.COM! FOR MORE!

PLEASE READ:
I utilized this code for my DIV layouts... I found it really annoying that when you have a nicely done layout, the DIV content section's scrollbars show up, even if you try to match the background image's color as close as possible (which may not even be possible, if it is not one solid color). The solution? Make the scrollbars transparent! That way there's no ugly scroll bar marring your beautiful layout (:

• Make sure to change where it says "white" to your own background or scrollbar color.
• Make sure that you change "white" to all the same color.
• Where it says "purple" change it to another color.
• It will work best if you change "purple" to a color that is NOT on your DIV layout or is NOT a dominant color on it. It will make those colors on your layout transparent as well. Make sure it is also not the same as "white".
• You can change the arrow color to whatever you want; that will be the part showing up so you know where to scroll (:

*PM me if you need any help.

<STYLE TYPE="text/css"> body { background-image:url(""); background-attachment: fixed; background-repeat: repeat; background-position: center; background-color: white; scrollbar-arrow-color: white; scrollbar-face-color: white; scrollbar-3dlight-color: white; scrollbar-darkshadow-color: white; scrollbar-shadow-color: white; scrollbar-highlight-color: white; scrollbar-track-color: white; }</style> <style type="text/css"> div { filter:chroma(color= purple); scrollbar-arrow-color: black; scrollbar-face-color: purple; scrollbar-3dlight-color: purple; scrollbar-darkshadow-color: purple; scrollbar-highlight-color: purple; scrollbar-shadow-color: purple; scrollbar-track-color: purple; base-color: purple; } </style>

Above code working fine wth internet explorer but its not working with any others browsers. Please give me some suggestion so i can use it with others web browsers too.

Above code working fine wth internet explorer but its not working with any others browsers. Please give me some suggestion so i can use it with others web browsers too.

haah work perfect !!! ILY!!:D

This script works beautifully, thank you.

I'm having the same problem as previn84.
The smaller text looks fine, but my nav and bigger words are all dfkghdlsfhg;l.

it messed up my profile D:

XxHellXRaiserxX: There is no easier way as far as I know. I've also heard it doesn't work anymore, so I'm not entirely sure if there is even a way to do this anymore :P Sorry. It is pretty self-explanatory if you read it thoroughly.

Isn't there any simpler way of doing this?... because i am completely confused with this code... o.O

doh, i tried using it. i followed everything you said. like, it'll work, but my whole layout disappears?

ok, so i got it to work by puting the second part of the code into the who i'd like to meet section, but it skews the text... how do i fix that?

View all »

Author	imperfectionistx
Submitted on	May 1, 2008
Page views	29,487
Favorites	117
Comments	25
Reviewer	Synesthesia
Approved on	May 1, 2008

scrollbar, transparent, div