Start Menu Places List

Saturday, July 12, 2014 by Kevin_Walter | Discussion: Skinning

Is there a way to fix this? I'm assuming it's caused by the profile image being hidden, but the space for it still being reserved.

 

First Previous Page 1 of 2 Next Last
doortech1
Reply #1 Saturday, July 12, 2014 4:30 AM

If the user pic area was set as "do not show", or "hide", that is what it would do , hide. If this is what you mean by" profile image ".

That looks like a remnant of an "item mouseover" for the places list.

Could be a margin issue or a crop issue.

May need a better screenshot. Do you have sks?

Kevin_Walter
Reply #2 Saturday, July 12, 2014 6:12 AM

Yeah, I have SKS. That's part of a skin I'm developing.

I'm using WB7, SKS7, and running Windows 7. 

And yes, it is the remnants of a mouseover image. Though it's the default Diamond image, as I haven't replaced it yet.

I have the start menu profile pic hidden, and I've reduced the top margin for the places list text so that the text will be displayed closer to the top of the menu, rather than looking funky by being 30 or so pixels lower. The problem is that this renders all but that very bottom sliver of the top link clickable, and also hides the mouseover image.

It display the text okay... but it's not great for usability, or looks...  

I would suggest it's a problem with my "outdated" version of WB, but it should work fine on Windows 7. Not to mention, I think I had this issue before... I just can't remember how to fix it.

Here's another screenshot if it explains the issue better.

 

Kevin_Walter
Reply #3 Monday, July 14, 2014 8:07 AM

Well, I decided to see if any other skins had this problem. All of the default skins with WB8 seem to have the user icon showing, so I opened up Danillo's Corporate skin in SKS and hid the user icon on the start menu, and then adjusted the margin to bring the text closer to the top.

Same issue. Most of the button is not clickable, and the hover image is hidden except for the part that is.

So... is it a WindowBlinds issue then, or something that I could still fix? Maybe it's because that skin also doesn't have the fix. 

Obviously, I could fix it by either leaving the places links top text margin at 30, but that means the links will be skewed and look odd. Of course, I could always leave the user icon intact, but it also kind of messes with the simplicity of the skin that I'm creating.

An odd issue, for sure...

I think I'll go find a skin in the gallery that has the icon hidden and see if it has the same problem. If so, I'll try re-installing WB.

EDIT: So yeah, after installing 6 or 7 themes from the gallery, it would seem everyone else has this problem as well. They all either leave the places list text margin set to 30 or more, and allow the two Start Menu lists to be misaligned, or they have large top sections of the start menu, which somehow negates the problem. Seems like a top part larger than 35 pixels in height allows you to align places list text properly. Though this does make the start menu appear that many pixels lower than the taskbar if you have the taskbar aligned on the top.

*sigh*

Gotta love the quirks of Windows skinning.

By the way, while we're here... does anyone know how to change the color of the search results part of the start menu? There's an odd gradient there that I can't figure out how to change...

DaveBax
Reply #4 Monday, July 14, 2014 8:46 AM

If you are adjusting the Painting Margins as you say Top Margin don't do this to try and adjust the text wither on the Left hand side or right side. Once you have your SM painting settings lined up so it looks good that is all there is to it and leave it alone.

To adjust the text only do this. On the left had side Program list and Right hand side Places list go to the text settings and adjust any of those numbers you need to so the text will line up the way you want it to. Don't forget every time you change a number to apply and save to see the changes.

The last image you are showing on the right hand side shows where the author added that to the start menu for the user pic to sit there. Hiding the user pic will show it to look like that. That part is part of the image and any adjusting won't remove it.

The Diamond WB works just fine. No need to adjust any of the Margins if using that as a template.

LightStar
Reply #5 Monday, July 14, 2014 9:27 AM

Kevin_Walter
By the way, while we're here... does anyone know how to change the color of the search results part of the start menu? There's an odd gradient there that I can't figure out how to change...

 

The search results background color is set by the color set by the Folders bar image in Theme part details, Command bars in SKS. You also need to set the background color in the Extra settings areaof the Folders bar to be the same as the image color for things to look right.

Kevin_Walter
Reply #6 Monday, July 14, 2014 9:37 AM

DaveBax

If you are adjusting the Painting Margins as you say Top Margin don't do this to try and adjust the text wither on the Left hand side or right side. Once you have your SM painting settings lined up so it looks good that is all there is to it and leave it alone.

To adjust the text only do this. On the left had side Program list and Right hand side Places list go to the text settings and adjust any of those numbers you need to so the text will line up the way you want it to. Don't forget every time you change a number to apply and save to see the changes.

The last image you are showing on the right hand side shows where the author added that to the start menu for the user pic to sit there. Hiding the user pic will show it to look like that. That part is part of the image and any adjusting won't remove it.

The Diamond WB works just fine. No need to adjust any of the Margins if using that as a template.

I think you misunderstood. I wasn't trying to align text with the top section margins. 

The problem is if you have a top section that is too narrow (too small height-wise). If this is over 35+ pixels in height, you're free to change the top margin for the text on the places list to 0 instead of the default 30.

From what I can tell, the space for the user icon seems to be hard coded. If the top section of the menu is too narrow (short), the user icon is automatically adjusted to take up space in the right side/places list. So even if the icon is hidden in the extra settings, the OS still thinks it's there, and makes any text/links that are moved upwards with the text margin on the places list become "obscured" by the icon... which isn't meant to be there.

Of course, I don't know exactly how it works... but that's my best guess. Every skin I've seen that has the user icon hidden, either the places list text still has a margin on the top, pushing it down out of the way of the reserved space for the icon, or they have large top sections on the start menu, which seems to force that pic out of the way of the places list.

As an example, I'll use your Gazebo skin (I hope you don't mind... I know some people can take offense to someone editing their work in any way, and that's not my intention...   I'm just trying to illustrate my discovery. )

Your skin, which I'm sure you're very familiar with, has the places list and programs list relatively level. They appear the same height... and they work correctly. However, the top part of the start menu is also 90 pixels high. If we change that top part so that it is no longer 90 pixels high, but instead 10 pixels... the problem returns.

On the subject of the Corporate skin screenshot... it shouldn't matter that there is a space for the user icon. That's part of the background image for the places list. The reason why it happens when hiding the icon and changing the text margin to bring the text up is because the height of the top part of that skin is only like 8 pixels high. If the top section were larger... (35+ pixels), it wouldn't be the problem. The text and mouseover image would work correctly on that skin... it would look a little odd because of that part of the background, but it would still work. 

I will say, I'm generally a perfectionist. It's the bane of my existence. I've always wanted to complete a blind, but I usually run into a speed bump and give up part way through because something doesn't work exactly as I want it to. I usually don't like programs or anything else, really, to arbitrarily dictate what I'm able to do.

That being said, I'm trying to overcome that whole personality flaw. I see a lot of skins a lot of great skinners here, and they inspire me. 

LightStar

The search results background color is set by the color set by the Folders bar image in Theme part details, Command bars in SKS. You also need to set the background color in the Extra settings areaof the Folders bar to be the same as the image color for things to look right.

Thanks! 

doortech1
Reply #7 Monday, July 14, 2014 9:50 AM

Well, I am not sure where you are at, see lots of help came while I went absent on you.

 

So as stated by Dave Baxter above, the woodgrain or whatever it is was added to the skin, so now, part of the skin unless removed manually.

Also, on that note, to adjust the user pic location, you use the text settings for the top part, and I wonder since some parts have been changed, if you checked those settings. However, that would just affect one skin not several, not even two, unless all the skins you try are messed up.

Hard to believe that, so, are you by any chance using larger fonts on your pc or any other strange display rendering programs?

Lastly, you are more than welcome to send me a wba of the skin and I would check for your problems if it is not your pc settings, just pm me if you choose to and I will give you an email addy. Your call, glad to just try to help here also.

Kevin_Walter
Reply #8 Monday, July 14, 2014 9:59 AM

doortech1

Well, I am not sure where you are at, see lots of help came while I went absent on you.

 

So as stated by Dave Baxter above, the woodgrain or whatever it is was added to the skin, so now, part of the skin unless removed manually.

Also, on that note, to adjust the user pic location, you use the text settings for the top part, and I wonder since some parts have been changed, if you checked those settings. However, that would just affect one skin not several, not even two, unless all the skins you try are messed up.

Hard to believe that, so, are you by any chance using larger fonts on your pc or any other strange display rendering programs?

Lastly, you are more than welcome to send me a wba of the skin and I would check for your problems if it is not your pc settings, just pm me if you choose to and I will give you an email addy. Your call, glad to just try to help here also.

Wood grain? The wood grain in the pictures is just my wallpaper.

Nope, no larger fonts. Everything is pretty default. I switched to Calibri on the skin I'm creating, but that has no bearing on other skins I switch to. If anything, Calibri is slightly smaller than the default Segoe UI MS uses.

And yes, I know how to adjust user icon location. vStyler gave me that tip a long time ago. I have the text margin for the top set so that even if the icon weren't hidden, you still wouldn't be able to see it. The left margin for it is set like -999. Even with it moved out of the way, the problem still happens.

But like I said, increasing the top section of the menu so that it is larger than 35 pixels in height solves the issue. The only downside to that, is that the start menu then appears 35 pixels below the taskbar when the taskbar is aligned to the top of the screen. I see no way around this though.

Thanks for the help, though! If you want, you can PM me your email and I'll shoot you over a blind that has the problem for me. If it doesn't happen for you, then I guess I'll have to re-open the investigation. 

doortech1
Reply #9 Monday, July 14, 2014 10:06 AM

Okay, I will give you time to see my last post, but in the meantime, you state you tried some things with Dave's skin. I have to say by what I read you are not understanding things correctly.

 

If you just change the size of an image through sks, without changing the image , it will always be messed up. You would have to re-cut the start menu and make the top image to that size, then set it in sks.

Also, margins play a big part in how something looks, but if overstretched, any image can go beyond paint margin corrections to keep an image looking good, Example, a start menu with twenty programs on it looks different than one with ten if margins are not set correct.

 

So, to take an image, such as you did and just reset "the size of part" will not suffice. Hope that helps some.

 

Also, I would be curious if that suggestion works given about the search  results area. does not work here.

I thought it was hardcoded, but have been wrong once or twice(today) before,lol. Luck!

DaveBax
Reply #10 Monday, July 14, 2014 10:10 AM

Kevin_Walter
From what I can tell, the space for the user icon seems to be hard coded.

The user icon isn't hard coded as you can move it anywhere you like. Edit Start Menu/ Top Part/ Move it using the text settings and direction you wish. 

My Gazebo top is 90px. That's because of my design and distance from the bottom of the top to the program and places list. Look at my Aglitter and you will see the top is only 38 px. Saying that is really depends on how you cut it and that's the bottom line. One thing to note is the All Program part has to be 30px in height. 

Don't give up someone will help here. After you have made 20 of them you can do it in your sleep. lol. Not really but putting them together becomes much easier.

Maybe my Aglitter would be a better template for you or some other one.

Kevin_Walter
Reply #11 Monday, July 14, 2014 10:25 AM

doortech1

Okay, I will give you time to see my last post, but in the meantime, you state you tried some things with Dave's skin. I have to say by what I read you are not understanding things correctly.

 

If you just change the size of an image through sks, without changing the image , it will always be messed up. You would have to re-cut the start menu and make the top image to that size, then set it in sks.

Also, margins play a big part in how something looks, but if overstretched, any image can go beyond paint margin corrections to keep an image looking good, Example, a start menu with twenty programs on it looks different than one with ten if margins are not set correct.

 

So, to take an image, such as you did and just reset "the size of part" will not suffice. Hope that helps some.

 

Also, I would be curious if that suggestion works given about the search  results area. does not work here.

I thought it was hardcoded, but have been wrong once or twice(today) before,lol. Luck!

No no. I did change the image. If you have an image that is 90 pixels in height (like the Gazebo theme), then changing the height of that part in SKS doesn't actually change it. You HAVE to edit the image, which I did... I cropped it down to 10px in height for my example.

Of course, I also set it to 10px in SKS.. to be clear.

DaveBax


Quoting Kevin_Walter, reply 6From what I can tell, the space for the user icon seems to be hard coded.

The user icon isn't hard coded as you can move it anywhere you like. Edit Start Menu/ Top Part/ Move it using the text settings and direction you wish. 

My Gazebo top is 90px. That's because of my design and distance from the bottom of the top to the program and places list. Look at my Aglitter and you will see the top is only 38 px. Saying that is really depends on how you cut it and that's the bottom line. One thing to note is the All Program part has to be 30px in height. 

Don't give up someone will help here. After you have made 20 of them you can do it in your sleep. lol. Not really but putting them together becomes much easier.

Maybe my Aglitter would be a better template for you or some other one.

Yes, I know the picture itself isn't hard coded... but I think there's an invisible "space" reserved for it. I could be wrong... but that's the only thing that could be causing the issue I've found.

Also, you even just said yourself that the top part for your Aglitter skin is 38pix, which is 3px taller than the minimum height I've discovered. I'm sure if you change the height of that part of your Aglitter skin to be under 30px, you'll encounter the same problem.

In fact, I just tested it... and what I've said is correct. If you go edit your Aglitter skin, cropping the top part of the start menu image to be 10px, and then set the height to 10px in SKS and apply... I'm pretty sure you'll see what I'm talking about.

If you don't... then I'm obviously doing something wrong, or it's my WB installation or something. 

DaveBax
Reply #12 Monday, July 14, 2014 11:09 AM

Kevin_Walter
but I think there's an invisible "space" reserved for it. I could be wrong... but that's the only thing that could be causing the issue I've found.

No there isn't any invisible space Kevin. Must be something else.

Without see the Wb I'm not at the guessing point. 

cropping the top part of the start menu image to be 10px, and then set the height to 10px in SKS and apply

Can't help to think you are going the wrong direction. Here is another example Lightstar has a WB called Pink Champagne. The top part for this one is only 23px. You don't adjust your margins based on the size of the parts. However maybe you have this correct maybe not, don't know

 For each part "top" Left side. etc. For each part you have to go into Extra Settings and put the size of the part in the Width of part and height of part. After that just line up your margins so it all looks good. Margins ahve nothing to do as far as using any part number.

Maybe Lightstar will see this and have better input for you.

Kevin_Walter
Reply #13 Monday, July 14, 2014 11:18 AM

DaveBax


Quoting Kevin_Walter, reply 11 but I think there's an invisible "space" reserved for it. I could be wrong... but that's the only thing that could be causing the issue I've found.

No there isn't any invisible space Kevin. Must be something else.

Without see the Wb I'm not at the guessing point. 

cropping the top part of the start menu image to be 10px, and then set the height to 10px in SKS and apply

Can't help to think you are going the wrong direction. Here is another example Lightstar has a WB called Pink Champagne. The top part for this one is only 23px. You don't adjust your margins based on the size of the parts. However maybe you have this correct maybe not, don't know

 For each part "top" Left side. etc. For each part you have to go into Extra Settings and put the size of the part in the Width of part and height of part. After that just line up your margins so it all looks good. Margins ahve nothing to do as far as using any part number.

Maybe Lightstar will see this and have better input for you.

Indeed, you are correct... the top portion of his theme is only 23px. However, his places list text is also pushed down 17px by the text margin.

I should have been more clear... the 35+px doesn't just mean the top image itself, but can be a combination of the top image and the top text margin for the places list.

Eliminating the extra 17px given by the margin for the places list aligns the text with the top of the start menu in his theme... but the problem then appears again.

So I should say, the places list text needs to appear at least 35 pixels below the highest point of the start menu. Whether this is done by the top section being larger, or the margin on the places text being large enough to push the text out of the way is irrelevant.

Otherwise... you get this problem. 

 

DaveBax
Reply #14 Monday, July 14, 2014 11:48 AM

Kevin_Walter
I should have been more clear... the 35+px doesn't just mean the top image itself, but can be a combination of the top image and the top text margin for the places lis

Keven I would like to help but you are on another page from what needs to be done. Moving the text margin has nothing to do with changing margins for each part of the SM. It could be you need a different size for your MO image I don't know. 

Above you said you changed the size of a top part to 10px. You can't just change each image size. It has to be made as a whole image, full SM. Than laid out for slicing and cut. Now all images can be put into SKS and adjusted with the painting margins. But you first must put in each image size in the extra settings for each image, Top, programs, etc.

Let me say this a different way. Startmenus are made to specific sizes on how you want it to look. You can't just use my Gezebo as a temolete unless you make it your style for that size SM. That is why you see many different size SM. As I mentioned above you must make it as a whole complete graphic. When you have it looking the way you want you can lay it out with the slice tool in PS. Now you can cut it and install it in SKS. now you make adjustments with margins. Not text margins. Text margins are done last to put the text in the position you want from the top. I have no idea if you are using PS but you need some program that will slice up the SM for you. Trying to make separate parts and placing them in SKS just plain won't work. 

doortech1
Reply #15 Monday, July 14, 2014 12:25 PM

[quote who="doortech1" reply="9" id="3479460"]
Okay, I will give you time to see my last post, but in the meantime, you state you tried some things with Dave's skin. I have to say by what I read you are not understanding things correctly.

 

If you just change the size of an image through sks, without changing the image , it will always be messed up. You would have to re-cut the start menu and make the top image to that size, then set it in sks.

Also, I would love a looksee!

pm?for an email.

Kevin_Walter
Reply #16 Monday, July 14, 2014 12:35 PM

DaveBax


Quoting Kevin_Walter, reply 13I should have been more clear... the 35+px doesn't just mean the top image itself, but can be a combination of the top image and the top text margin for the places lis

Keven I would like to help but you are on another page from what needs to be done. Moving the text margin has nothing to do with changing margins for each part of the SM. It could be you need a different size for your MO image I don't know. 

Above you said you changed the size of a top part to 10px. You can't just change each image size. It has to be made as a whole image, full SM. Than laid out for slicing and cut. Now all images can be put into SKS and adjusted with the painting margins. But you first must put in each image size in the extra settings for each image, Top, programs, etc.

Let me say this a different way. Startmenus are made to specific sizes on how you want it to look. You can't just use my Gezebo as a temolete unless you make it your style for that size SM. That is why you see many different size SM. As I mentioned above you must make it as a whole complete graphic. When you have it looking the way you want you can lay it out with the slice tool in PS. Now you can cut it and install it in SKS. now you make adjustments with margins. Not text margins. Text margins are done last to put the text in the position you want from the top. I have no idea if you are using PS but you need some program that will slice up the SM for you. Trying to make separate parts and placing them in SKS just plain won't work. 

What? No. The overall look of the Start Menu has nothing to do with the problem I'm explaining.

The Start Menu is a puzzle. The top menu must be the same width as both your left and right panels, of course (though the image can be adjusted in SKS, accordingly, the images should still be the correct size). You can absolutely piece together a start menu. This isn't my first blind... I had two others that were in the gallery (though I deleted those the other day), as well as over a dozen skins that had completed start menus that I never released because I didn't like how the skin ultimately turned out. I've never created a whole start menu and had a program slice it for me. It always worked fine. This problem has nothing to do with building the actual start menu itself. It's with the alignment of the places list text.

Also, the height of the top section of the start menu has no bearing on any other part of the start menu. You can change it from 10 pixels to 300 pixels if you want to... you don't have to remake the entire start menu from scratch to change that... it serves no purpose doing it that way. All you need to do is make sure the height in SKS is the same as the actual height of the image that you want to use.

For that image of LightStar's skin, all I changed was the text margin for the places list. I changed it from 17 to 0. I didn't edit any images, or the margins for any images. I ONLY edited the text margin.

Check it out for yourself. Go open SKS, open the Pink Champagne skin, and change the top text margin for the places list text to 0 instead of 17 and you should see exactly what I'm talking about.

gmc2
Reply #17 Monday, July 14, 2014 1:03 PM

Kevin_Walter

It would seem to depend on the detail of the graphic and how the paint margins are set. If you compress a 100 pixel high graphic that has high detail down to 10 pixels it would seem you'd lose something.

I'm not why you have to adjust the size in the extra settings for the individual graphics, I've never seen an explanation, but it seems that it is needed for the start menu to look the way it is designed.

this post is getting convoluted. 

 

Kevin_Walter
Reply #18 Monday, July 14, 2014 1:35 PM



Quoting Kevin_Walter, reply 16


It would seem to depend on the detail of the graphic and how the paint margins are set. If you compress a 100 pixel high graphic that has high detail down to 10 pixels it would seem you'd lose something.

I'm not why you have to adjust the size in the extra settings for the individual graphics, I've never seen an explanation, but it seems that it is needed for the start menu to look the way it is designed.

this post is getting convoluted. 

 

I'd say the post is veering off-topic. I was never talking about how an image might look bad if you compress its size using SKS.

I've been talking about the effect the top image has on the places list text. From what I can tell (using Windows 7, at least, I have no idea about Vista or 8, as I'm not currently running them), if there isn't at least 35 pixels of space between the top most part of the "Top Part" of the Start Menu and the places list text... then your mouseover won't work correctly/will appear as it does in my screenshots.

The only way it would seem to fix this is to either have a "top part" that is larger than 35 pixels high, or a top margin for the places list text that is larger than 30 pixels. Though you can mix and match (you could have a 15px top part and a 15 pixel places list text margin, if you wanted). Either way, from what I've seen... there needs to be a distance of at least 30-35 pixels between the top of the "top part" and the text entries of the places list.

I can only confirm this by looking at the available skins in the WindowBlinds gallery. Every one of them meets the criteria I've detailed above... and unless you change them so that they don't, they don't have the broken places list link as seen in my screenshots.


 

EDIT: I'm including another image that will hopefully illustrate what I'm talking about exactly. 

The first image shows a top part of the start menu (the grey part) at 10 pixels in height. With a top margin for the places list text at 0. This aligns the text properly with the top of the start menu, however, produces a broken mouseover area and image. Only that red part of the mouseover image that you can see is actually clickable.

The second image shows a 10px top part, but also a 30px top margin on the places list text. This fixes the broken link to my home folder, but also pushes the text down 30 pixels and breaks alignment.

The third image shows a top part that is 40px in height, which allows for a places list text margin of 0. This creates a working places link button, as well as has the places link aligned correctly, though a 40px top part image may be undesirable. Especially when your top part is SUPPOSED to be 10px, like mine. To make this work, I basically have a top image with an extra 30px of empty, transparent space above the actual 10px top part which is at the bottom of the image.

I hope this explains the issue more clearly.

LightStar
Reply #19 Monday, July 14, 2014 2:05 PM

The main problem is SkinStudio and/or Windowblinds itself Kevin. There is evidently a fix needed to compensate when the user icon is turned off in SKS.  In other words if that box is checked, then SKS/WB should automatically adjust everything as far as the the text margins go for it being turned off. Once again, just another one of the MANY fixes needed in the design of SKS and WB. I would recommend that you update to SKS8 and WB8 though, they both work on Windows 7.

Right now, even if you set the top text margin in the programs panel to zero, you still would have a rough time with the places panel. 

Kevin_Walter
Reply #20 Monday, July 14, 2014 2:15 PM

LightStar

The main problem is SkinStudio and/or Windowblinds itself Kevin. There is evidently a fix needed to compensate when the user icon is turned off in SKS.  In other words if that box is checked, then SKS/WB should automatically adjust everything as far as the the text margins go for it being turned off. Once again, just another one of the MANY fixes needed in the design of SKS and WB. I would recommend that you update to SKS8 and WB8 though, they both work on Windows 7.

Right now, even if you set the top text margin in the programs panel to zero, you still would have a rough time with the places panel. 

I figured as much after discovering my "workarounds". I've just been doing a terrible job at explaining the situation, apparently. There are a lot of things you just have to deal with when it comes to skinning Windows, I guess. I'm using the method I showed in that last panel up there... my top part image has an extra 30px of empty space on the top part of it, which allows me to have properly aligned text, but also positions the whole menu 30px below the taskbar when the taskbar is aligned at the top of the screen (which is how I prefer). This is undesirable... but not as undesirable as having my places list appear out of alignment, or worse, being completely broken.

I will upgrade to WB8 when I get some extra cash. I think I can upgrade to it for $7 or something. I'll be in the same position I was when I upgraded to WB7/SKS7 originally and was running Vista though. lol

For now though... I've found a mostly acceptable workaround for my issue. So... thanks for the help, everyone!

Oh, and by the way... I still couldn't find a way to change the search results background color for the start menu. Maybe that's a SKS8/Windows 8 only thing?

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!



web-wc01