k10w3 k10w3

SkinStudio 7 tips and tricks

SkinStudio 7 tips and tricks

Up is down. That's just maddeningly unhelpful. Why are these things never clear?

"Up is down.  That's just maddeningly unhelpful. Why are these things never clear?" -- Captain Jack Sparrow

 

I'm starting this thread to post all the tricks and code additions that I can think of, (if I miss any, please add to them in this thread), as a central clearing house grocery list of things gleaned from master skins, that aren't so obvious to a new WB skinner when they start out in SKS7.

 

1.  The Show Desktop Button for Windows 7 - add BackgroundEffect=1 to the code.

2.  The titlebar buttons glow - add Framecount=1 to the code.

3.  Toolbar Buttons:

     6 State - Mouseover uses the disabled color.  Pressed use the Mouseover color.

     Toolbar Style menubar button - Pressed uses the disabled color.  Mouseover uses the pressed color.

     Places Toolbar Button - Focus uses the Pressed color.  Pressed uses the Disabled color.

4.  UIS2 Titlebar close button:  If you delete all the buttons already in the template and add new ones (as opposed to saving your new ones on top of the ones in the template by using the framebuilder feature in Skin Studio), you need to FIRST save the close button image action as something OTHER than close, apply it, then change the action to close, because there is a glitch in SkinStudio that renders the UIS2 close button nonfunctional if it's saved first as close - per Vampothika's tutorial here: http://wiki.wincustomize.com/images/d/d6/050-UISframes_buttons2.jpg)

That's all I can think of for right now. 

Those of you who know of more, please add them!  Thanks so much. <3

 

5.  Per 2of3:  Add a third image to the Start Menu Item Mouseover which will be used in the start menu expanded mode.


6. Per Vampothika:

    A.  IE Background Navigation Arrow; one of the arrows is 1 pixel out; you need to test it to get it right.

    B.  For images that run vertically - add vert=1 to the code.

    C.  Group Box: Copy and paste text code from header section to border section to change color and font.

    D.  Taskbar group menu: the text codex in menu items has to be copied and pasted into the background codex, to apply mouseover color.

7.  Per Lightstar:  The search field background and the address field backgrounds for Windows 7 showing and image count of 5 when it should be 4.

8.  Tip to newbies:  Remember to make a .wba file after every successful skinning session to save a copy of your changes in case you need to revert to the last successful version, in case something gets messed up.

9.  Windows 7 Expander, if you're skinning only windows 7 -- you have to skin both the regular expander and the windows 7 expander (in both vertical and horizontal taskbars) so all states of the expander will show up on the vertical taskbar.


10.  Edit Controls -->Edit Headerbars-->drop down arrows and ticks-->pressed and mouseover states are transposed (pressed is mouseover and mouseover is pressed).  ALSO -- pressed text and mouseover text on the header bar are the same color, which is determined by the pressed text.  Mouseover text does not show.

11.  Edit Minimized Windows:  The glyphs in the minimized window are all screwed up, at least on Windows 7: The normal button is the pressed image, and the mouseover image never shows up.   

12.  Per Neone6:  When Wanting to TILE the Programs list you gotta use "StretchHorizontal middle section" in the Painting margins to get the "Tiling effect".

40,391 views 42 replies
Reply #26 Top

Yes Karen...thanks for doing this. I have the thread bookmarked so I can get at it easily. So much to learn. Whew!

Reply #27 Top

I found another one today - Headerbars-->drop down arrows and ticks-->pressed and mouseover states are transposed (pressed is mouseover and mouseover is pressed).

Reply #28 Top

And here's another one.  The glyphs in the minimized window are all screwed up, at least on Windows 7 -- The normal button is the pressed image and the mouseover image never shows up.

Reply #29 Top

Me and Vampy were talking and started on about the glitches and issues with WindowBlinds 7 and I realized I had one to add to this thread...When Wanting to TILE the Programs list you gotta use "StretchHorizontal middle section" in the Painting margins to get the "Tiling effect"....I´m guessing the states are swapped. :star:

Reply #30 Top

Thanks, Andrew!  I'll add it to the list.

Reply #31 Top

need a bump to keep it fresh, oh, okay, Happy Halloween.

Reply #32 Top

Quoting neone6, reply 29
Me and Vampy were talking and started on about the glitches and issues with WindowBlinds 7 and I realized I had one to add to this thread...When Wanting to TILE the Programs list you gotta use "StretchHorizontal middle section" in the Painting margins to get the "Tiling effect"....I´m guessing the states are swapped.

I have looked into this and this does not seem to be the case.  Pretty much all the sections in WB share the same loading and painting code so a swap of the states is not possible and checking here the tile middle section works as expect.  Are you sure you had not picked Tile Horz middle section instead?

Reply #33 Top

Quoting k10w3, reply 28
And here's another one.  The glyphs in the minimized window are all screwed up, at least on Windows 7 -- The normal button is the pressed image and the mouseover image never shows up.

The mouseover state has never been used, but I see the issue with the painting.  The problem is not quite what you thought, it is that the buttons get stuck once they have been pressed.  So they show correctly until one of them has been pressed and then in the future they always show as the pressed image.  This will require a WB fix as it isn't a SkinStudio issue.

Reply #34 Top

Quoting Neil, reply 32



Quoting neone6,
reply 29
Me and Vampy were talking and started on about the glitches and issues with WindowBlinds 7 and I realized I had one to add to this thread...When Wanting to TILE the Programs list you gotta use "StretchHorizontal middle section" in the Painting margins to get the "Tiling effect"....I´m guessing the states are swapped.



I have looked into this and this does not seem to be the case.  Pretty much all the sections in WB share the same loading and painting code so a swap of the states is not possible and checking here the tile middle section works as expect.  Are you sure you had not picked Tile Horz middle section instead?
I´m sorry I have to contradict you Neil, But me and Kitty are looking at SKS as I´m writing this and it says clearly "Stretch horizontal middle section"...And it´s tiling like I wanted it to. It´s on Programslist for Blacklight Rebel if it will help or show something for you.... :\

Reply #35 Top

Quoting neone6, reply 34



Quoting Neil Banfield,
reply 32



Quoting neone6,
reply 29
Me and Vampy were talking and started on about the glitches and issues with WindowBlinds 7 and I realized I had one to add to this thread...When Wanting to TILE the Programs list you gotta use "StretchHorizontal middle section" in the Painting margins to get the "Tiling effect"....I´m guessing the states are swapped.



I have looked into this and this does not seem to be the case.  Pretty much all the sections in WB share the same loading and painting code so a swap of the states is not possible and checking here the tile middle section works as expect.  Are you sure you had not picked Tile Horz middle section instead?
I´m sorry I have to contradict you Neil, But me and Kitty are looking at SKS as I´m writing this and it says clearly "Stretch horizontal middle section"...And it´s tiling like I wanted it to. It´s on Programslist for Blacklight Rebel if it will help or show something for you....

I have looked and it seems there is code in WB to handle a common skinner error that showed up with high dpi setups.  WB is removing the tile flag automatically on skin load to work around these bad skins IF the image width is exactly the same as the part width value. (set on the extra settings page - the Vista sections override the others if defined)

The same is true of the places list section.

Reply #36 Top

Quoting Neil, reply 35
I have looked and it seems there is code in WB to handle a common skinner error that showed up with high dpi setups. WB is removing the tile flag automatically on skin load to work around these bad skins IF the image width is exactly the same as the part width value. (set on the extra settings page - the Vista sections override the others if defined)

The same is true of the places list section.
Wait...what? This is not clear to me. What is the common skin error that people are making? And isn't the image width supposed to be the same as the part width value?

Reply #37 Top

Quoting Xiandi, reply 36



Quoting Neil Banfield,
reply 35
I have looked and it seems there is code in WB to handle a common skinner error that showed up with high dpi setups. WB is removing the tile flag automatically on skin load to work around these bad skins IF the image width is exactly the same as the part width value. (set on the extra settings page - the Vista sections override the others if defined)

The same is true of the places list section.Wait...what? This is not clear to me. What is the common skin error that people are making? And isn't the image width supposed to be the same as the part width value?

If the width matched the size then people didn't bother to set the tile settings which caused a problem on a high dpi machine as the image would tile instead of stretching as it should do in that case.

Reply #38 Top

Ahh, ok. Thanks for clarifying. |-)

Reply #39 Top

@ Neil: Thanx again for setting it straight. :star:

Reply #40 Top

I had noticed some of these points but I learn a lot of tricks !

thanks for sharing Karen :thumbsup:

Reply #41 Top

These are being inserted into the Wiki but I need some clarifications:

2. The titlebar buttons glow - add Framecount=1 to the code.

frame count is already set to 1 for PP buttons. UIS2 buttons do not appear to allow code manipulation.

4. UIS2 Titlebar close button:

I understand what is being said however wouldn't it be easier to just alter the original graphic and save. These graphics are file named specific and do not appear to be useable by any other name. Seems like a big work around???

A. IE Background Navigation Arrow; one of the arrows is 1 pixel out; you need to test it to get it right.

which buttons are these?

For images that run vertically - add vert=1 to the code.

clicking on the checkbox appears to change to value to 1 automatically. Are there any specific graphics that require a manual change?

Group Box: Copy and paste text code from header section to border section to change color and font.

the code is already there, wouldn't it be easier just to change the color number?

Taskbar group menu: the text codex in menu items has to be copied and pasted into the background codex, to apply mouseover color.

menu items has no text code, do we mean the other way around?

Per Neone6: When Wanting to TILE the Programs list you gotta use "StretchHorizontal middle section" in the Painting margins to get the "Tiling effect".

does this apply to both tiling selections?

Thanks to everyone for taking the time to post these tips, you all rock.

Reply #42 Top

Quoting gmc2, reply 41
These are being inserted into the Wiki but I need some clarifications:


2. The titlebar buttons glow - add Framecount=1 to the code.


frame count is already set to 1 for PP buttons. UIS2 buttons do not appear to allow code manipulation.


4. UIS2 Titlebar close button:


I understand what is being said however wouldn't it be easier to just alter the original graphic and save. These graphics are file named specific and do not appear to be useable by any other name. Seems like a big work around???


A. IE Background Navigation Arrow; one of the arrows is 1 pixel out; you need to test it to get it right.


which buttons are these?


For images that run vertically - add vert=1 to the code.


clicking on the checkbox appears to change to value to 1 automatically. Are there any specific graphics that require a manual change?


Group Box: Copy and paste text code from header section to border section to change color and font.


the code is already there, wouldn't it be easier just to change the color number?


Taskbar group menu: the text codex in menu items has to be copied and pasted into the background codex, to apply mouseover color.


menu items has no text code, do we mean the other way around?


Per Neone6: When Wanting to TILE the Programs list you gotta use "StretchHorizontal middle section" in the Painting margins to get the "Tiling effect".


does this apply to both tiling selections?

Thanks to everyone for taking the time to post these tips, you all rock.

4. uis2 close button, the graphic is not the problem, there is a true glitch in sk that prevents the button working until you chose another action for it like help or something, save then change it back to close, then it works.

5. IE Background Navigation Arrow. one of the arrows on the IE Background moves a pixel (forgot which one sorries) NOT TO BE CONFUSED WITH THE ACTUAL LARGE NAVIGATION ARROWS .

5. the vert =1 issue, its now solved with the checkbox being added. so no need for this anymore i guess..

6.group box  issue..yeah just change the colour number, but you still need the font code added as well for it to work properly

7,task group menu...... im not skinning xp anymore and dont have an xp machine anymore either.....so not sure now.

huggles and hope this helps you