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.

Print
Go Down Pages1
User actions

Kelly******

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.

Tranz

#1
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.

Kelly******

#2
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?

Tranz

#3
November 03, 2006, 10:12:48 AM
Please post a link.

Kelly******

#4
November 03, 2006, 11:00:46 AM
look under photo / video along top for gallery link
http://www.wichitarcraceway.com/

Joachim Müller

#5
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
Code Select
<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
Code Select
<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>
Print
Go Up Pages1
User actions