Scrollbars
 

How do I change the scrollbar colours for IE? Putting the code in the stylesheet doesn't appear to work.

Changing scrollbar colors is as easy in IE as defining the properties

example body scrollbar change below you need to add colors

.body {
scrollbar-3dlight-color:;
scrollbar-arrow-color:;
scrollbar-base-color:;
scrollbar-darkshadow-color:;
scrollbar-face-color:;
scrollbar-highlight-color:;
scrollbar-shadow-color:
}

Hmmm.. I'm using the same code as on the rest of my site but when I put it into the stylesheet for PhotoPost it doesn't work.

Check your html and make sure that you are editing the css file that photopost is using.

Can you show me a site where they have changed the scrollbar colours on PhotoPost? I've gone through many of the example sites and they all seem to have the default scrollbars.

Thank you

Jan

Scrollbars are simple CSS and it only works with IE. I dont have any examples to show since most people do not use that minor css property.

I think its not used because it isn't working in the script. Something is over-riding it. I really don't want to go through the whole PHP script to find out what is happening as I really have better things to do. On the whole, I am very disappointed with this script.

What you do not understand is what your saying has nothing to do with our script. Our script has no errors and altering css and having it not perform as expected is on you not our script.

You may link any html as a header footer etc and alter the css to suit your needs.

If you code things right it will work. As I explained scrollbar changes only work in IE and obviously your coding something wrong in your css

I suggest a nice search on the internet about scrollbars and you should find an answer

Hmmm... it seems a standard response to blame the customer. However, in this case that is not so. By using the javascript below:

<script type="text/javascript">
window.onload = function()
{
var htmlStyle = document.getElementsByTagName('html')[0].style;
var bodyStyle = document.body.style;
bodyStyle.scrollbarFaceColor = htmlStyle.scrollbarFaceColor = '#000000';
bodyStyle.scrollbarArrowColor = htmlStyle.scrollbarArrowColor = '#000000';
bodyStyle.scrollbarTrackColor = htmlStyle.scrollbarTrackColor = '#000000';
bodyStyle.scrollbarShadowColor = htmlStyle.scrollbarShadowColor = '#000000';
bodyStyle.scrollbarHighlightColor = htmlStyle.scrollbarHighlightColor = '#000000';
bodyStyle.scrollbar3dlightColor = htmlStyle.scrollbar3dlightColor = '#000000';
bodyStyle.scrollbarDarkshadowColor = htmlStyle.scrollbarDarkshadowColor = '#000000';
}
</script>

It overwrites whatever the script is overwritting and the scrollbars change colour. However, I would like to see an example of it working with just css. I am sure you will rise to the challenge to pove me wrong! The very fact that you can't show me an example shows that it doesn't work. Many people still use IE and many people want the scrollbars to be customised. This is a big shortcoming in the script which afterall is supposed to appeal to people who like things to look nice.

Jan

Your still proving my point here my friend.

Changing code or adding code has nothing to do with our script. Only one browser supports scrollbar color changes as I noted and you would need to add the proper code to support that. There is nothing in our code that would affect this either way.

We support our code and our program. We do not support customer modifications and that would be on you to implement them.

The first way you did it it did not work the next way did. I am glad.

LOL... so you don't support the most popular browser on the internet and a simple stylesheet addition is a major modification? You can't provide an example of it working either? Your answer must be the funniest thing I've ever read. Thanks for the chuckle!!

Janl,

What he said was that we don't put in styles specific to a particular browser in PhotoPost by default; we have a "generic" style that supports all browsers. He went on to say that if you wanted to modify the stylesheet to suit your particular needs, then you are welcome to do so.

Talking of altering scrollbar colours via a simple css (globally) try the code below, if it's in the <head> it'll work...regardless! :)

-T

I just came to say that I've solved the problem.

Anyone else who wants the solution put the following in the stylesheet:

html {
scrollbar-face-color: #DEE3E7;
scrollbar-highlight-color: #FFFFFF;
scrollbar-shadow-color: #DEE3E7;
scrollbar-3dlight-color: #D1D7DC;
scrollbar-arrow-color: #1852AD;
scrollbar-track-color: #DEE3E7;
scrollbar-darkshadow-color: #98AAB1;
}

Thanks, Toney, you got the same solution as me. It's nice to see someone who knows what they are talking about! :)