Start button
Saturday, February 2, 2008 by CaseyRyback | Discussion: Skinning
Can you make the start button a different width? I'd like to do a slightly wider one but I'm new to skining so just picking it up as I go.
Another question, how does windows blinds know what part the image to display during different actions? Is it just the gap between the images?
Any help welcome, thanks.
Another question, how does windows blinds know what part the image to display during different actions? Is it just the gap between the images?
Any help welcome, thanks.
CaseyRyback
Reply #2 Sunday, February 3, 2008 8:20 AM
Reply #2 Sunday, February 3, 2008 8:20 AM
Thanks for your help. Im on the skindstudio 6 (beta I think, it's a little glitchy). So if I did each frame 100px wide and the image 500 wide, the images will virtually be touching each other, how does it know which part of the image is which frame? Can it see that gaps between images, or does it just use the force?
At the moment I'm just using one I've downloaded as a template and doing my images inside the exact same place
At the moment I'm just using one I've downloaded as a template and doing my images inside the exact same place
Cavan1
Reply #3 Sunday, February 3, 2008 8:33 AM
It knows by the image count, by default it is 5, you will see this when on image tab for start button. Click the help tab it you will see the 5 default states and the order you need to have them on your image.
Reply #3 Sunday, February 3, 2008 8:33 AM
how does it know which part of the image is which frame? Can it see that gaps between images, or does it just use the force?
It knows by the image count, by default it is 5, you will see this when on image tab for start button. Click the help tab it you will see the 5 default states and the order you need to have them on your image.
theAVMAN
Reply #4 Sunday, February 3, 2008 8:36 AM
correct
It knows the # of states so it divides your final image size by that #.In this case it is 5,for ex. your Taskbar buttons are 6 states so it would be divided by 6.
Reply #4 Sunday, February 3, 2008 8:36 AM
So if I did each frame 100px wide and the image 500 wide, the images will virtually be touching each other
correct
how does it know which part of the image is which frame? Can it see that gaps between images, or does it just use the force?
It knows the # of states so it divides your final image size by that #.In this case it is 5,for ex. your Taskbar buttons are 6 states so it would be divided by 6.
CaseyRyback
Reply #5 Sunday, February 3, 2008 9:05 AM
Reply #5 Sunday, February 3, 2008 9:05 AM
Ah now it makes sense! So it just divides what ever size image you load, into the amount of different button states it knows it will need. Thanks guys, really helpfull!
theAVMAN
Reply #6 Sunday, February 3, 2008 9:52 AM
Glad to help if you have any more ?'s feel free to ask or PM me.
AV
Reply #6 Sunday, February 3, 2008 9:52 AM
Ah now it makes sense! So it just divides what ever size image you load, into the amount of different button states it knows it will need.
Glad to help if you have any more ?'s feel free to ask or PM me.AV
MarkMcQ
Reply #7 Sunday, February 3, 2008 11:39 AM
Reply #7 Sunday, February 3, 2008 11:39 AM
It also displays transparent areas as space. So if you wanted your button image to be small, but say 100 pixels from the left of the screen, you can simply put 100px of empty space in the image itself as padding.
danioc
Reply #8 Tuesday, February 12, 2008 7:58 AM
Reply #8 Tuesday, February 12, 2008 7:58 AM
Extra info.
The buttons states are:
1 - Normal
2 - Pressed (when the start panel is showing)
3 - Disabled (not used)
4 - Focused/mouseover
5 - Default (not used)
If you add extra frames, they will be animation frames from
the Focused/mouseover state, like this.
6 - Focused/mouseover (aniamtion frame 2)
7 - Focused/mouseover (aniamtion frame 3)
8 - Focused/mouseover (aniamtion frame 4)
9 - Focused/mouseover (aniamtion frame 5)
etc, etc, etc...
you will use this extra frames only if you want to animate
the Focused/mouseover state, other way, stop on #5
PS incase of you're adding start button glow, the glow structure
will follow the same method.
The buttons states are:
1 - Normal
2 - Pressed (when the start panel is showing)
3 - Disabled (not used)
4 - Focused/mouseover
5 - Default (not used)
If you add extra frames, they will be animation frames from
the Focused/mouseover state, like this.
6 - Focused/mouseover (aniamtion frame 2)
7 - Focused/mouseover (aniamtion frame 3)
8 - Focused/mouseover (aniamtion frame 4)
9 - Focused/mouseover (aniamtion frame 5)
etc, etc, etc...
you will use this extra frames only if you want to animate
the Focused/mouseover state, other way, stop on #5
PS incase of you're adding start button glow, the glow structure
will follow the same method.
CaseyRyback
Reply #9 Wednesday, February 13, 2008 4:35 PM
Reply #9 Wednesday, February 13, 2008 4:35 PM
Thanks, i didnt know you could animate between the button states, really useful!
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, February 2, 2008 5:47 PM
The size of the start button image determines how wide when applied.
Which version of SkinStudio are you using. There are 5 states for start button, you need the image to have 5 frames, one for each state. For say a 100 pixel wide start button your image will be 500xheight.