Custom scrollbars in an iframe [Archive] - Lissa Explains it All: Web Design Forums

View Full Version : Custom scrollbars in an iframe

Tessie

07-14-2003, 02:30 AM

Sorry if this question has been asked before, but how do you make custom scrollbars show up inside an iframe? It's driving me crazy trying to figure it out, so I figured I'd just ask someone instead.

Cherchezlafemme

07-14-2003, 02:39 AM

Well the web page inside the IFRAME should have a CSS link or CSS style sheet on the same page:

<style type="text/css">
<!--
body {
scrollbar-base-color: #FFFFFF;
scrollbar-shadow-color: #FF7979;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #FF7979;
scrollbar-darkshadow-color: #FFFFFF;
scrollbar-track-color: #FFFFFF;
scrollbar-arrow-color: #FF7979;
//--!>
</style>

Replace the colors ofcourse ;)

Add that code to the <HEAD> or <BODY> section of the web pages you want to put in the Iframe

Dude128

07-14-2003, 03:18 AM

Originally posted by Cherchezlafemme
Add that code to the <HEAD> or <BODY> section of the web pages you want to put in the Iframe

correction: style sheets should always be placed in the head section of the page (between the <head> and </head> tags).

Tessie

07-14-2003, 03:41 PM

Thanks! It finally worked.

MaGiCSuN

07-14-2003, 06:25 PM

Originally posted by Cherchezlafemme
<style type="text/css">
<!--
body {
scrollbar-base-color: #FFFFFF;
scrollbar-shadow-color: #FF7979;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #FF7979;
scrollbar-darkshadow-color: #FFFFFF;
scrollbar-track-color: #FFFFFF;
scrollbar-arrow-color: #FF7979;
//--!>
</style>

cherzez, you also forgot to close it with an }
no offense really, but you do make allot of mistakes with stylecodes lately LoL.. :)