Gallery in a IFrame (scrollbar color) Gallery in a IFrame (scrollbar color)
 

News:

cpg1.5.48 Security release - upgrade mandatory!
The Coppermine development team is releasing a security update for Coppermine in order to counter a recently discovered vulnerability. It is important that all users who run version cpg1.5.46 or older update to this latest version as soon as possible.
[more]

Main Menu

Gallery in a IFrame (scrollbar color)

Started by Kelly******, November 03, 2006, 05:20:08 AM

Previous topic - Next topic

0 Members and 1 Guest are viewing this topic.

Kelly******

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.

Tranz

Hex color values should be preceeded with #:
#67963e

Note that it only works in IE and will make your css not validate.

Kelly******

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?

Tranz


Kelly******


Joachim Müller

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>