Transparent Scrollbars!

MarkLP · 3 Mar 2006 at 00:08

Hiya, can anyone help me with transparent scrollbars please? I have googled and found the code but it doesn't seem to be working

this is what i have got in the page i want the iframe with transparent scrollbars

Code:

<h5><p align="center">
  <iframe src="aboutus.html" name="main" width="530" height="250" scrolling="yes" frameborder="0" class="style9" style="FILTER: chroma(color=#FFFFFF)" allowtransparency="true"> </iframe></p></h5>

and this is the code i have in the CSS styles sheet, first time i have used a CSS styles sheet, i dont really know what im doing, but im learning as im going!!

Code:

#content h5
	{
	   scrollbar-face-color : #000000; 
       scrollbar-highlight-color : #000000; 
       scrollbar-3dlight-color : #000000; 
       scrollbar-shadow-color : #000000; 
       scrollbar-darkshadow-color : #000000;
       scrollbar-track-color : #000000; 
       scrollbar-arrow-color : #000000;
	}

Can anyone please tell me how to get transparent scrollbars but with just black arrows at the ends please!

Thanks,
Mark

MarkLP · 3 Mar 2006 at 10:38

anyone got any ideas please??

Thanks

Moredhel · 3 Mar 2006 at 10:57

http://forums.overclockers.co.uk/showthread.php?t=17536947

MarkLP · 3 Mar 2006 at 12:10

Thanks, but this still isnt working, even when i try that.

Im guessing my code is wrong in the first post?

MarkLP · 3 Mar 2006 at 12:29

Have sorted it now, I put this code

Code:

<style>
<!--

BODY {
scrollbar-face-color:#FFFFFF;
scrollbar-highlight-color:#FFFFFF;
scrollbar-3dlight-color:#FFFFFF;
scrollbar-darkshadow-color:#FFFFFF;
scrollbar-shadow-color:#FFFFFF;
scrollbar-arrow-color:#000000;
scrollbar-track-color:#FFFFFF;
}
-->
</style>

into the page i want in the iframe

and with this in the main page

Code:

<iframe src="Working.html" id="content" height="300" width="200" scrolling="yes" frameborder="0" allowtransparency="yes" align="middle"></iframe>

it seems to be working fine

Trigger · 3 Mar 2006 at 16:20

You can't use

Code:

 content H5

in that way, you must assign the iframe an ID:

Code:

 <iframe src="aboutus.html" name="main" width="530" height="250" scrolling="yes" frameborder="0" id="iframe" style="FILTER: chroma(color=#FFFFFF)" allowtransparency="true"> </iframe></p></h5>

and then use the CSS:

Code:

#iframe
{
scrollbar-face-color:#FFFFFF;
scrollbar-highlight-color:#FFFFFF;
scrollbar-3dlight-color:#FFFFFF;
scrollbar-darkshadow-color:#FFFFFF;
scrollbar-shadow-color:#FFFFFF;
scrollbar-arrow-color:#000000;
scrollbar-track-color:#FFFFFF;
}

Al Vallario · 3 Mar 2006 at 16:28

...and you can't embed paragraphs or iframes in a header tag; where's the logic in that?!

MarkLP · 3 Mar 2006 at 17:02

thanks but im really confused now :confused:

where do i put the

Code:

#iframe
{
scrollbar-face-color:#FFFFFF;
scrollbar-highlight-color:#FFFFFF;
scrollbar-3dlight-color:#FFFFFF;
scrollbar-darkshadow-color:#FFFFFF;
scrollbar-shadow-color:#FFFFFF;
scrollbar-arrow-color:#000000;
scrollbar-track-color:#FFFFFF;
}

do i just put it into common.css somewhere?

Thanks

MarkLP · 4 Mar 2006 at 17:37

Hi, im getting soo confused now

I really don't know what im doing wrong (or right lol)

Could anyone take alook at these couple of pages and tell me what im doing wrong please?

Main page where i want the iframe with different colour scroll bars

This is the page that is displayed in the iframe

Thanks!
Mark

Moredhel · 6 Mar 2006 at 19:12

Just to check something, you ARE looking at it in IE yes? IE is the only browser that supports it, because it's not a standard part of CSS.

MarkLP · 6 Mar 2006 at 23:02

yep im using IE and seem to have it sorted now

Thanks