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. 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 code: 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: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 ) 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! |