ed_b

Join Date 06/2003

Is there visual guide to Win UI component names and tga names?

Which are the actual taskbar buttons

Among the skins I like the most is Xandar, except for the white-background buttons on the black task bar and notification area. So I loaded it into SSP and tried to find the taskbar buttons that I could then change to a nice darkish gray. The ones I thought were them changed the color of entire sections of the taskbar, so that wasn't it. What I really could use is a visual guide to what the tga file is for each Windows component. Some are obvious, many are not...at least to me.

Alternatively, perhaps someone could tell me what I'm looking for.

skinning

Locked Post

Advanced Search

Watch this post

Do not email me updates for this post Email me updates for this post

Successfully updated karma reason!

roflmfaoo

Join Date 12/2009

+48

The names of the images don't really matter, You can import your own. I typically save as .PNG and SKS will automatically do the necessary conversions and so forth. The section you are after is;

Edit Startmenu and Taskbar > Edit Horizontal Taskbars > Taskbar buttons > Buttons.

Successfully updated karma reason!

So you're suggesting I import buttons I like from another skin to replace those in this one? I don't see any import function other than "Force image reimport" in upper right-hand corner. I have Photoshop as editor, so I could copy and paste into file there, but I could also just go to folder itself, open the tga file in question and do the same. This file (taskbar_buttons.tga) was the one I tried altering unsuccessfully. The buttons are gradated light gray or light yellow, not the white I see on skin itself, and there is only the one layer. And the layer uses transparency, so I'm wondering if there's another file that contains the white ones. The SS PDF from site is for previous version and doesn't seem to cover this topic.

Successfully updated karma reason!

Snowman

Join Date 03/2001

+343

Importing images:

You get that option for any image.

Successfully updated karma reason!

Sign Up or Login and this ad disappears!
There are many great features available to you once you register. Sign Up for a free account and browse the forums without ads.

RedneckDude

Join Date 04/2009

+2223

Quoting ed_b,

reply 2

so I'm wondering if there's another file that contains the white ones

The white one may be the "flashing" state, a seperate graphic.

Quoting ed_b,

reply 2

So you're suggesting I import buttons I like from another skin to replace those in this one?

No, he's suggesting you make your own and import them in.

Successfully updated karma reason!

roflmfaoo

Join Date 12/2009

+48

With TGA format you have to make your own alpha channels. Using the standard transparency in photoshop, saving as PNG then importing to SKS will save alpha channel data to the file and SKS will know how to handle the image file. Typically importing other entities from one blind to another will most likely cause problems. Sometimes it can be button states sometimes height/width differences, margins/text margins. SKS is very complex but if you put in the time to learn it you will produce very nice blinds .

Successfully updated karma reason!

Thanks for the replies. I'm finally beginning to understand the mechanics of the process.

This seems to confirm my wish for a visual guide to what file is for what UI component, although any variation in naming files would be a problem.

The flashing state comment was helpful. When I mouseover the taskbar graphic it does change from light gray to light yellow, so that would be the two states when doing this on Windows taskbar. I see 10 taskbar-related graphics files in this skin, including taskbar_buttons.tga, and none refer to flashing.

Yes, SKS is very complex and it makes my respect for those who have done these skins even greater. I'm just going to have to live with many failed attempts before figuring out what actually works and why.

Successfully updated karma reason!

roflmfaoo

Join Date 12/2009

+48

There are a few things to check before trying. Frame count must match the amount on the image for example the normal window buttons have 5 states so you would set the frame count to 5. Margins must be within the image (normally to prevent distortion).

Although for a start menu it's a great place to start and will give you a good idea of how things are done.

Guide

Successfully updated karma reason!

For the Xandar skin, you want to replace the image taskbar_buttons.TGA with another image. It's a 6 image "string" that represents the 6 different states of the button (normal, disabled, pressed, mouseover, active, active mouseover) The flashing button is a single image called flashing.TGA

There is no standard labeling for images it's really up to the artist what he calls each image.....but I usually name mine pretty logically

Successfully updated karma reason!

Are those six states standard on most or all skins?

I modified first button and now it's more gray than white and other states reflect change.

Thanks!

Successfully updated karma reason!

Quoting ed_b,

reply 9

Are those six states standard on most or all skins?

all skins have the 6 state buttons for that section.

Quoting ed_b,

reply 9

I modified first button and now it's more gray than white and other states reflect change.

Thanks!

Glad you got it sorted

Successfully updated karma reason!