Matabele's Transparent overlay palette

[Pau Deluca]

Hi there! It's been a loooong time!

I've been searching around for some inspiration, when I fell on Matabele's wiki and discovered that playing with transparences in TW5 was possible.

Trying to understand how that was done, I see that the trick is done not in the styles, as I first thought, but in the palette.

http://gwiz.tiddlyspot.com/#%24%3A%2FControlPanel:%24%3A%2FControlPanel

Indeed, the only thing I needed to get the transparent effects in a fresh empty TW was importing the palette $$:/palettes/Universe and changing to this one in the PanelControl/Appearence/palette.

However, I'm not able to understand how should I do to adjust the opacity of the overlay, nor how this effect is accomplished only by the palette.

I cannot find Matabele's contact info anywhere, to directly ask. Does anyone know either how the palette generates the transparencies, or Matabele's contact details?

Thank you very much in advance.

P.-)

[Evolena]

Hi,

I'm not an expert, but I think the trick is in using rgba colors:

tiddler-background: rgba(0,0,0,0.25);

The first three numbers code for the color, and the last number (0.25) is the opacity (only for the background color, and not for the children of the elements, as I understand it).

[Pau Deluca]

Ohhhhh! Jee, I hadn't thought of it at all. I'll check!

Thank you so very much. I was getting nuts :D

[Matabele]

Hi Pau

I used alpha values in rgba() color codes -- the last value corresponds to the transparency (1=opaque, 0=invisible.) First convert your hex code to rgb() -- then add an alpha value to get the rgba() code.

Here are a couple of useful links:

http://www.colorizer.org/

http://www.css3.info/introduction-opacity-rgba/

Hope this helps.

regards

[Pau Deluca]

Hi Matabele! I know! It was so freaking evident when Evolena said it, I felt ashamed.

Now I (almost) got it. Thanks, pal.

P.-)