Opacity help

[ScarletIce]

Can anyone add opacity to this code?

<style type="text/css">
<!--
.windowbg font {
background-color: #999999;
}

.windowbg2 font {
background-color: #999999;
}
-->
</style>

[Bradley]

ScarletIce said:

Can anyone add opacity to this code?

<style type="text/css">
<!--
.windowbg font {
background-color: #999999;
}

.windowbg2 font {
background-color: #999999;
}
-->
</style>

As mentioned on the ProBoards Suport Forum's Programmers board you need a png image with those colors to have opacity. You can then use this part of that opacity code with the images:

<style type="text/css">
/*
ABOUT.
Written by ethix for use on Proboards.
I can be contacted @ ethix.xihte(AT)gmail.com.
This code may NOT be displayed in full or part
outside of PBS2 http://pbsupport2.proboards29.com
or the Opacity home page http://opacity.proboards33.com.
(add http://swg.proboards4.com/) to the allowed list )
You may not remove or alter this header. It must stay
intact!
HOW TO.
This code uses PNG files with a level of opacity.
Personally what i do is create an image 50x50 with
a tranparent background use the "fill" tool to fill
the image on my test site for Internet Explorer I
set the opacity to 50% and for all the other browsers
the image had the opasity set to 56%. As Internet
Explorer "darkens" the image. I then resize that image
to a 1x1 px image. When saveing make sure you save it
as a PNG file a PNG-24 !!
Grads.
Internet Explorer has a bug where when useing grads
some of the links may not work...to get around this
make your grads 1x10 px Internet Explorer will stretch
this to fit. The other browsers will need the grads
to be made to size ie..1x35 px etc...
Uploading/Useing
Copy and paste this code into notepad, name the file
"opacity.css" then use the following code in your headers
<LINK REL=StyleSheet HREF="http://yourhost.com/opacity.css">
*/
/* <--REMOVE/ADD to un/comment lines you want to use or not use--->
by default all lines are not commented
*/


.windowbg { background-color: transparent;
}
.windowbg2 { background-color: transparent;
}
.windowbg {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://yourhost.com/IMAGE.png');
}
.windowbg[class] {
background-image:url(http://yourhost.com/IMAGE.png);
}
.windowbg2 {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://yourhost.com/IMAGE.png');
}
.windowbg2[class] {
background-image:url(http://yourhost.com/IMAGE.png);
}
</style>

[ScarletIce]

I'm html illiterate All I'm good at is copy and pasting.

[Bradley]

You need to upload two images to a webhost. I've been nice and made them for you. Right click on them and select save as to get them.
www.theccworld.com/pro/req/ggd/sice/999999-ie.png
www.theccworld.com/pro/req/ggd/sice/999999-other.png

Then in this line (it's there twice) change the url to your images url:
background-image:url(http://yourhost.com/IMAGE.png);

There are also two of these, once again change the url to your images url:
src='http://yourhost.com/IMAGE.png');

[ScarletIce]

I hope I don't screw this up...

[ScarletIce]

I screwed it up. This is what I put in my header.

<style type="text/css">
/*
ABOUT.
Written by ethix for use on Proboards.
I can be contacted @ ethix.xihte(AT)gmail.com.
This code may NOT be displayed in full or part
outside of PBS2 pbsupport2.proboards29.com
or the Opacity home page opacity.proboards33.com.
(add swg.proboards4.com/) to the allowed list )
You may not remove or alter this header. It must stay
intact!
HOW TO.
This code uses PNG files with a level of opacity.
Personally what i do is create an image 50x50 with
a tranparent background use the "fill" tool to fill
the image on my test site for Internet Explorer I
set the opacity to 50% and for all the other browsers
the image had the opasity set to 56%. As Internet
Explorer "darkens" the image. I then resize that image
to a 1x1 px image. When saveing make sure you save it
as a PNG file a PNG-24 !!
Grads.
Internet Explorer has a bug where when useing grads
some of the links may not work...to get around this
make your grads 1x10 px Internet Explorer will stretch
this to fit. The other browsers will need the grads
to be made to size ie..1x35 px etc...
Uploading/Useing
Copy and paste this code into notepad, name the file
"opacity.css" then use the following code in your headers
<LINK REL=StyleSheet HREF="yourhost.com/opacity.css">
*/
/* <--REMOVE/ADD to un/comment lines you want to use or not use--->
by default all lines are not commented
*/


.windowbg { background-color: transparent;
}
.windowbg2 { background-color: transparent;
}
.windowbg {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://img109.exs.cx/img109/1592/999999-other.png');
}
.windowbg[class] {
background-image:url(http://img109.exs.cx/img109/2702/999999-ie1.png);
}
.windowbg2 {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://img109.exs.cx/img109/1592/999999-other.png');
}
.windowbg2[class] {
background-image:url(http://img109.exs.cx/img109/2702/999999-ie1.png);
}
</style>

I'm html illiterate, where did I go wrong?

[Bradley]

I think it's my images. Maybe someone else can make them right.

[Tommy Huynh]

I know the Opacity.

Tell me the hex colors you want for your windowbg, windowbg2, titlebg, catbg, and menubg.

[ScarletIce]

ummm. huh? I don't want the whole site opaque. Just the following highlighte created by my code. I'm not sure what you mean.

[Tommy Huynh]

Tell me what parts you want opacity, and I'll make the image.

[ScarletIce]

well, the code that I posted with my first post creats a a backround that follows the text. I want the backround that it creates to be opaque. go here to see what I mean
scarletice.proboards33.com/

or just use this code on a test site to see what it does.

<style type="text/css">
<!--
.windowbg font {
background-color: #999999;
}

.windowbg2 font {
background-color: #999999;
}
-->
</style>

I don't know how to describe what that code does, but I want it's effect to be opaque. Creat a teast board to see what it does and then you'll understand what I mean.