Transluscent background colour

[CFP wolf]

If you want a translucent colour, pick a colour from here:

(images will not actually be opaque without using the semi-transparency code. The colors will appear lighter than they look here.)

img164.exs.cx/img164/4656/black-opaque.png
img164.exs.cx/img164/7235/darkgrey-opaque.png
img164.exs.cx/img164/4792/lightgrey-opaque.png
img164.exs.cx/img164/9880/white-opaque.png
img164.exs.cx/img164/4316/lightgreen-opaque.png
img164.exs.cx/img164/91/green-opaque.png
img164.exs.cx/img164/2842/lightblue-opaque.png
img164.exs.cx/img164/3337/blue-opaque.png
img164.exs.cx/img164/7871/darkblue-opaquepsd.png
img164.exs.cx/img164/9928/pink-opaque.png
img164.exs.cx/img164/410/red-opaque.png
img164.exs.cx/img164/8043/orange-opaque.png
img164.exs.cx/img164/3793/yellow-opaque.png

and plug the URL of the PNG into this code:


Code:<script type="text/javascript">
<!--

var pngURL = "URL OF PNG IMAGE";

var innercss = (document.body.filters) ? "filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+pngURL+"', sizingMethod='scale');" : "background-image: url("+pngURL+");";
document.write('<style type="text/css">\n'+
'table, td {background-color: transparent !important;}\n'+
'.windowbg, .windowbg2, .titlebg, .newstitlebg, .menubg, .catbg, .welcomebg {'+innercss+'}\n'+
'</style>');

// -->
</script> <script type="text/javascript">
<!--

var pngURL = "URL OF PNG IMAGE";

var innercss = (document.body.filters) ? "filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+pngURL+"', sizingMethod='scale');" : "background-image: url("+pngURL+");";
document.write('<style type="text/css">\n'+
'table, td {background-color: transparent !important;}\n'+
'.windowbg, .windowbg2, .titlebg, .newstitlebg, .menubg, .catbg, .welcomebg {'+innercss+'}\n'+
'</style>');

// -->
</script>

The semi-transparency code is very slow in Internet Explorer because of the filter it uses. If users start to complain, you should consider using Headers/Footers for Different Skins so you can apply the transparency to only one skin, and IE users can choose a different one.