MDI Buttons

Hi there,

Since I got some good answers for my first post, I'll try again to get help here for another subject...

I'm using the Gemini MDI button set wich I modified a bit for my personal skin and the problem is about transparency. The bitmap used the correct number of images and the invisible part is all set at 255,0,255 (magic pink). In the preview, everything is fine. When I apply the skin, the pink area is displayed . In my skin setting, MDIControl Transparency is set to off since if I put this on it's all the buttons that disapear. Also, Transparent and Translucent is not set since the file is a bmp not a tga.

So, I'm out of ideas about how I could solve this little problem.

Thanks



Powered by SkinBrowser!
2,523 views 13 replies
Reply #1 Top
I have transparency on and I don't have that problem with the images disappearing. If you do have that problem, then I would suggest that you modify the buttons so that they don't need a transparency.

Since all those buttons use the bar background, you can use that background for the buttons. Therefore, there will be no need for magic pink.
Reply #2 Top
Transparent and Translucent is not set since the file is a bmp not a tga


It doesnt have to be a tga in order to have transparency. If you check the "transparency" box, this may solve your problem.
Reply #3 Top
I've tried with both Transparency & Translucent and neither are working, I still get the pink background on the buttons.



Powered by SkinBrowser!
Reply #4 Top
you have to import a .png file that replaces a .tga file and leave transparency unchecked. When you import it...SkinStudio does its magic, turns it into a .bmp allowing it to work in place of a .tga I hope that's right
Reply #5 Top
The solution is not to use the pink. You don't need it. Use your menu background to replace the magic pink area. Since those buttons only show on top of the menu background, you don't need magic pink. Just place the buttons on top of your menu background, excluding the magic pink, but keeping the same size of each button. Magic pink is slower anyway as windows has to draw the area transparent. Get the idea?
Reply #6 Top
In some areas, Windowblinds has problems using magic pink. This is true with menu backgrounds. In your case, you don't need it. The trick with creating or modifying WB skins is to learn the problems, and try to design your skin around the problem. When you master this, you can come up with some really unique ideas. And, in no time, you will design skins like Pixtudio, very nice and unique.
Reply #7 Top
you have to import a .png file that replaces a .tga file and leave transparency unchecked. When you import it...SkinStudio does its magic, turns it into a .bmp allowing it to work in place of a .tga I hope that's right


The trick sounds good but it did not worked. I have saved the .bmp I were using in a .png, I removed the pink area leaving only a transparent background and the buttons. Now I saved the file and imported it (from file or clipboard same results) so SkinStudio create a .TGA (not a .BMP as you mentioned). Not instead of a transparent background, I get either white or black backgrounds (it depends either I'm using the transparency/Translucent options).



Powered by SkinBrowser!
Reply #8 Top
The solution is not to use the pink. You don't need it. Use your menu background to replace the magic pink area.


I wish it was so simple... But the background where the buttons are is not always the same depending on the window width/height and the gradient won't display evenly.



Powered by SkinBrowser!
Reply #9 Top
The trick with creating or modifying WB skins is to learn the problems, and try to design your skin around the problem.


I wish I could understand how WB uses background but what I read in the doc doesn't seem enough.



Powered by SkinBrowser!
Reply #10 Top
Some bits just don't seem to support transparency, so you have to put the background in to 'fake it'. If your design means that looks bad, then at the moment the only option seem to be to change your design.

If your menubar uses a gradient for example, then make either end a chunk of solid colour, and the gradient in the middle, that way the MDI buttons can sit happily on a consistent colour...I think...as long as you use the less efficient stretch rather than tile of course. I've not looked at the menu bar though, so I'm not 100% on how it deals with it or if you can even specify size margins...but the principal is the same. If you can't make your design work with skinstudio, change the design.
Reply #12 Top
Case closed, I managed to put some gradient in background and modified a bit the design so it fit.

Thanks



Powered by SkinBrowser!