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

News:

CPG Release 1.6.27
change DB IP storage fields to accommodate IPv6 addresses
remove use of E_STRICT (PHP 8.4 deprecated)
update README to reflect new website
align code with new .com CPG website
correct deprecation in captcha

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>