Shoutbox

Partly transparent images? - Printable Version

-Shoutbox (https://shoutbox.menthix.net)
+-- Forum: MsgHelp Archive (/forumdisplay.php?fid=58)
+--- Forum: Messenger Plus! for Live Messenger (/forumdisplay.php?fid=4)
+---- Forum: Skinning (/forumdisplay.php?fid=41)
+----- Thread: Partly transparent images? (/showthread.php?tid=80630)

Partly transparent images? by Jamie-pu on 01-02-2008 at 09:00 PM

I was making replacements for the minimize, maximize and close buttons and I was wondering if you can make the backgrounds of them partly transparent? I know you can make them fully transparent but I just want it so you can see the bcackground through them when you don't have the mouse over it.

Thanks

-UPDATE-
Is there a way where you can have just one colour partly transparent? or does it just have to be the whole thing?

Thanks again


RE: Partly transparent images? by Basilis on 01-02-2008 at 09:05 PM

if you check the box around the display picture, you will find that it is half transparent.but i don't know how this is done.maybe with some kind of photoshop


RE: Partly transparent images? by djdannyp on 01-02-2008 at 09:23 PM

you can do this either by creating semi transparent pngs as the files in fireworks or photoshop or something like that

alternatively you could apply an alpha condition to the element

in the style file within an element just put:

code:
Alpha:128;

where "128" is a number out of 255 with 255 being fully transparent and 0 being opaque
RE: Partly transparent images? by Volv on 01-02-2008 at 09:24 PM

Because min/max/close buttons use different images for each state, you can use photoshop to make the appropriate images semi-transparent when the mouse is not over it.

quote:
Originally posted by djdannyp
where "128" is a number out of 255 with 255 being fully transparent and 0 being opaque
I thought 0 was transparent...

Using alpha is a smart technique in the right situation but would require you to add extra code to the styles file such that it is only semi-transparent when the mouse is not over it (using separate images would also require that, if not for the 'special' way in which the min/max/close buttons operate behind the scenes). Modifying the necessary image(s) in Photoshop or equivalent is still the best and easiest (plus it results in a slightly smaller file size :D) option in this scenario.
RE: Partly transparent images? by freak544 on 01-02-2008 at 09:26 PM

The way i add alpha transparency is by adding an alpha tag either like djdannyp said or by using background:argb(100,255,255,255) which will create a slight transparent white background just change the 100 value to make it more or less transparent


RE: Partly transparent images? by Jamie-pu on 01-02-2008 at 09:31 PM

Thanks this is exactly what I wanted!