Internet Explorer (IE) Scrollbar Color Guide

It is possible to change the scrollbar colors in Internet Explorer (IE). Here is a guide for changing scrollbar colors in Internet Explorer using CSS.

To do so, specify following style in the StyleSheet:

body {
scrollbar-highlight-color: #F00808;
scrollbar-3dlight-color: #F5ED07;
scrollbar-arrow-color: #000000;
scrollbar-face-color: #FFFFFF;
scrollbar-shadow-color: #2308F0;
scrollbar-track-color: #808080;
scrollbar-darkshadow-color: #0F600D;
}

Scrollbar Color Guide

This will change the colors for the scrollbar of Internet Explorer browser. Continue reading Internet Explorer (IE) Scrollbar Color Guide

Positioning Footer at the bottom of the Browser

Here is an example for how to position the footer at the bottom of the browser using CSS. In the following examples, footer will always stay at the bottom of the browser irrespective of the amount of the content.

Footer at the bottom of the browser with long content

Footer at the bottom of the browser with short content

Continue reading Positioning Footer at the bottom of the Browser

How to Make the Background of a Div Semi-Transparent?

If you look below, the light gray div over the darker one is transparent. As a result, the content inside the darker gray div shows up through the light gray div over it. This capability can enable us to create really attractive designs. It’s really simple to do it. If you are interested, just read along.
Continue reading How to Make the Background of a Div Semi-Transparent?

How to Add Alternate StyleSheets?

The concept of alternate stylesheets is exactly as the name suggests using alternative stylesheets to change the look of a web page with a click. This makes the website utilizing this technique a little more personalized. The other inherent benefit of this feature is complete separation of content and presentation in a web page, the ideal goal for any website.

Adding an alternate stylesheet is pretty easy. Continue reading How to Add Alternate StyleSheets?