Logoff Button Background Displaying Oddly
Saturday, November 25, 2006 by Daiwa | Discussion: Skinning
I just did some perpixel backgrounds for a skin I'm working on and when the skin is applied the background of the Logoff Buttons in the non-domain Logoff Dialog is wrong & looks like this:
WWW Link
Even though the buttons are using magic pink for transparency (& even if I do a .tga image), the area that should be transparent is displaying what appears to be a portion of the Tabs Page image. The Shutdown Dialog Buttons, using either .bmp with magic pink or .tga with alpha, display properly in either per pixel or standard.
Any ideas how to fix this? TIA.
WWW Link
Even though the buttons are using magic pink for transparency (& even if I do a .tga image), the area that should be transparent is displaying what appears to be a portion of the Tabs Page image. The Shutdown Dialog Buttons, using either .bmp with magic pink or .tga with alpha, display properly in either per pixel or standard.
Any ideas how to fix this? TIA.
Cavan1
Reply #4 Sunday, November 26, 2006 12:54 AM
Reply #4 Sunday, November 26, 2006 12:54 AM
Hey Daiwa, check the code, for buttons you may need to add Trans=1 and for log off background may need to add Trans=1 and Per Pixel=1.
Cavan1
Reply #5 Sunday, November 26, 2006 1:02 AM
Reply #5 Sunday, November 26, 2006 1:02 AM
For these sections and some others the transparent and translucent check boxes are not active, so must be added to code;
Trans=1 for transparent (bitmaps with magic pink)
Per Pixel=1 for translucent (both needed for png/tga images)
Trans=1 for transparent (bitmaps with magic pink)
Per Pixel=1 for translucent (both needed for png/tga images)
Daiwa
Reply #6 Sunday, November 26, 2006 2:26 PM
Reply #6 Sunday, November 26, 2006 2:26 PM
Thanks very much, Cavan1. Unfortunately, adding the parameters you suggested to the button code, the background code or both doesn't fix it. 
The button images display properly on a non-perpixel background - this only showed up when I added a perpixel logoff background. The shutdown dialog buttons display properly (using magic pink) on both non-perpixel & perpixel backgrounds.
The button images display properly on a non-perpixel background - this only showed up when I added a perpixel logoff background. The shutdown dialog buttons display properly (using magic pink) on both non-perpixel & perpixel backgrounds.
Saga Gemini
Reply #9 Saturday, December 2, 2006 2:28 PM
Reply #9 Saturday, December 2, 2006 2:28 PM
Maybe this could help WWW Link
Personaly, I prefer to une the PNG format (PNG 8 with Alpha transapency).
Personaly, I prefer to une the PNG format (PNG 8 with Alpha transapency).
Daiwa
Reply #10 Saturday, December 2, 2006 5:10 PM
Reply #10 Saturday, December 2, 2006 5:10 PM
Thanks for the link, Saga, not to mention your interest - I appreciate it.
I tried using a .png with alpha trans (SKS imports .png's & converts them to .tga on the fly) but the appearance is the same (once translucency is set to on). The puzzling part is where the square with the horizontal stripes is coming from - it is not in either the Button image or in the Background image and is getting pulled from somewhere else. It looks like the TabsPane background but the Menu background looks similar so it could be coming from either. I'm thinking something is not right with WB, that this is a true bug, since neither image involved in this GUI element contains anything looking like that.
I tried using a .png with alpha trans (SKS imports .png's & converts them to .tga on the fly) but the appearance is the same (once translucency is set to on). The puzzling part is where the square with the horizontal stripes is coming from - it is not in either the Button image or in the Background image and is getting pulled from somewhere else. It looks like the TabsPane background but the Menu background looks similar so it could be coming from either. I'm thinking something is not right with WB, that this is a true bug, since neither image involved in this GUI element contains anything looking like that.
Daiwa
Reply #11 Saturday, December 2, 2006 7:35 PM
Reply #11 Saturday, December 2, 2006 7:35 PM
Figured this one out, it appears. 
If I use the same images for both perpixel & nonperpixel logoff & shutdown backgrounds, respectively, everything displays correctly. I had nonperpixel images set for the "regular" images - appears that's where the small square backgrounds were coming from. Deleting the "regular" images did not work, actually made things worse and affected the shutdown dialog buttons as well, but once I selected the same images for both "regular" & perpixel for each, they displayed the buttons correctly.
One down, two to go.
Thanks to Cavan1, Bichur & Saga Gemini for your help.
If I use the same images for both perpixel & nonperpixel logoff & shutdown backgrounds, respectively, everything displays correctly. I had nonperpixel images set for the "regular" images - appears that's where the small square backgrounds were coming from. Deleting the "regular" images did not work, actually made things worse and affected the shutdown dialog buttons as well, but once I selected the same images for both "regular" & perpixel for each, they displayed the buttons correctly.
One down, two to go.
Thanks to Cavan1, Bichur & Saga Gemini for your help.
Please login to comment and/or vote for this skin.
Welcome Guest! Please take the time to register with us.
There are many great features available to you once you register, including:
- Richer content, access to many features that are disabled for guests like commenting on the forums and downloading skins.
- Access to a great community, with a massive database of many, many areas of interest.
- Access to contests & subscription offers like exclusive emails.
- It's simple, and FREE!
Reply #1 Saturday, November 25, 2006 11:15 PM
I should point out that the upper Logoff image is what the skin is displaying when applied & the lower image is how it looks in SkinStudio.