coppermine-gallery.com/forum

Support => cpg1.4.x Support => Older/other versions => cpg1.4 themes/skins/templates => Topic started by: Kelly****** on November 03, 2006, 05:20:08 AM

Title: Gallery in a IFrame (scrollbar color)
Post by: Kelly****** on November 03, 2006, 05:20:08 AM
How do I make the scrollbar colored, All my pages that apear in the IFrame are right except the gallery and webcalender which are both php programs. I tried putting
BODY {
scrollbar-face-color: 67963e;
scrollbar-highlight-color: 75b03b;
scrollbar-3dlight-color: 75b03b;
scrollbar-darkshadow-color: 67963e;
scrollbar-shadow-color: 67963e;
scrollbar-arrow-color: 000000;
scrollbar-track-color: 67963e;
}
in the css didnt work, and in the templete page didnt work.
Title: Re: Gallery in a IFrame (scrollbar color)
Post by: Tranz on November 03, 2006, 09:46:56 AM
Hex color values should be preceeded with #:
#67963e

Note that it only works in IE and will make your css not validate.
Title: Re: Gallery in a IFrame (scrollbar color)
Post by: Kelly****** on November 03, 2006, 10:01:32 AM
I tried it with the # and still does not work. I put it again in the css then in the templete still the standard gray scroll bars
How can I get the scollbars to be a differant color?
Title: Re: Gallery in a IFrame (scrollbar color)
Post by: Tranz on November 03, 2006, 10:12:48 AM
Please post a link.
Title: Re: Gallery in a IFrame (scrollbar color)
Post by: Kelly****** on November 03, 2006, 11:00:46 AM
look under photo / video along top for gallery link
http://www.wichitarcraceway.com/ (http://www.wichitarcraceway.com/)
Title: Re: Gallery in a IFrame (scrollbar color)
Post by: Joachim Müller on November 03, 2006, 02:24:29 PM
You still don't have the # in front of the color codes. Your style section is suppossed to be inside the <head>...</head> section of the HTML output of the parent document. Instead of <style type="text/css">
<!--
BODY {
scrollbar-face-color: 67963e;
scrollbar-highlight-color: 75b03b;
scrollbar-3dlight-color: 75b03b;
scrollbar-darkshadow-color: 67963e;
scrollbar-shadow-color: 67963e;
scrollbar-arrow-color: 000000;
scrollbar-track-color: 67963e;
}
-->
</style>
you should try<style type="text/css">
<!--
html, body {
    scrollbar-face-color:#67963E;
    scrollbar-highlight-color:#75b03B;
    scrollbar-3dlight-color:#75b03B;
    scrollbar-darkshadow-color:#67963E;
    scrollbar-shadow-color:#67963E;
    scrollbar-arrow-color:#000000;
    scrollbar-track-color:#67963E;
}
-->
</style>