Sorry for getting back so late. Between the travel, stress, and pain I pretty much zonked out when I finally got home. I'll finish the Start Menu up tomorrow morning so we can move on.

Thanks for the 'good thoughts'. Hopefully, next week will bring closure. I'm 8/10 of the way there.

Haven't been around in a while and just found these threads... kudos to you guys for doing this. VERY educational and a great looking blind shaping up as well!

/mode=lurk

Welcome back xinh2.

Good morning.

Okay, then.

First, I apologize for the delay in this. Life.

I'm going to start going over what's left to finish the Start Menu. Jump in, stop me, whatever if I miss something or screw something up. I'm kinda multi-tasking here so hang with me.

• Open the Roan WB in SKS ans select the Edit Start Menu Taskbar > Edit STart Menu > Item Mouseover. (The new Mouseover graphics are available in the graphics gallery HERE . )
• I chose to use the frame builder to insert the graphic for the mouseover. I'm hearing arguments from both sides of the fence on using or not using frame builder. To date, I have had no issues with it and it's made this whole process much easier for me.

In Frame Builder, I am using two images (Normal & Mouseover). Both images are the same dimensions. Becaue Frame Builder is doing all the math for you as far as seperating multiple images evenly, etc., and being new to this, I want to be sure it does it correctly. I select 'Import Into All Frames' and import the non-transparent image.

This will put that image into both frames and tells Frame Builder the dimensions it will be working with in all of the frames. Then I select 'Import Into Selected Frame' and import the transparent image.

Then click 'Save File As', save it and you're done importing your frames.

On your 'Image Tab' (SKS tabs are at the bottom of your window) make sure you have selected 'This Image Uses Transparency'.

Now click on the 'Painting' tab and use these settings. (These are the settings that I used. If there are betting settings, I will post them in this thread and highlight them in yellow)

Now we're going to import the right and left separator.

The separator image I originally intended to use was this (minus the background)

I tested it and it worked relatively fine. On the left side there was one 'half' stitch showing but it didn't look bad. Tim looked at it and sent back a new image. It was just 'ONE' stitch.  Since we are tiling the image, we only need one and SKS will do the rest, tiling it across the area. (You can find the image in the updated start menu in the Graphics Gallery.)

• Select Left Separator in your Start Menu window. 
• Click the arrow next to 'Edit' and selct 'Import'.
• Select the image and open.

Now that it's imported, select the Painting tab and set all four margins to '1'.

Now go ahead and do the same with the Right Separator and you're done with this part.

(Notice I am doing all the easy stuff first.)

The next image we're going to import will be for the Search Field at the bottom of the Start Menu.

For this, we'll close the Start Menu window and in the main SKS window select 'Theme Part Details' from the bottom left.

The first area we should see in the new list is the 'Address Field' which is what we want to select.

In our new window we want to look down the left side and select 'Search Field Background'.

For this area, SKS suggests '4 Frames' (Normal, Mouseover, Disabled, Focus). This really is optional as to whether you want or think you need to have images for each of these states just for the Search Field. It was pointed out to me that we could use just 1 image. I have to agree that I don't see the need for all of the states here and it makes doing this part a little easier if I can use only one image and that's what I went with.

So, we'll select the arrow next to 'Edit' on our 'Image' tab and then select 'Import' and bring our image into the blind.

Now we'll click on the 'Painting' tab. These are the settings I used. (As stated before, if these need to be changed, I will post and highlight the change later in the thread)

Okay. Now we'll get into something a little harder which is the 'All Programs Mouseover'. I'm going to try and explain what we've done here and why.

On a personal note, I didn't want the 'Mouseover' image for this area to 'magically appear' on the background. That was fine for the button mouseovers in the right and left panel and I think the images/suggestion Tim came up with for them are great. For the All Program Mouseover I wanted the image to be constantly visible. Having tried to skin numerous times, I was a little familiar with this area but was't sure I could do what I wanted in WIndows7 (I knew it could be done in XP)

What I had to do to get the results I wanted was to make a NEW background image for All Programs. On this image I had to add the mouseover image in it's 'Normal State'. (File can be found in Updates Start Menu download in graphics gallery)

SO I went inot SKS and slected the All Programs background image and imported it into Photoshop. I then put my Normal mouseover into this in a new layer and saved it as the new background and added it to the blind. I kept the margins that we already set for it in Painting.

Back in Photoshop I added the Mouseover image in a new layer, making sure it aligned with the Normal layer and unchecked the first two layers leaving just the mouseover image. This assures that my new Mouseover image will be the same size as the one I just saved. I saved this as my new Mouseover.

In SKS we'll select Mouseover Image under All Programs and clicking on the arrow next to Edit in the Image tab, import our new Mouseover image.

When I did this for the first time, I had issues with my mouseover jumping to the right and not aligning with the background. (See post #187). I don't know WHY (and hopefully someone can explain it) but it was explained that I needed to go to the background layer and set all the text margins (Text tab) to zero (see post #188) which fixed the issue. (Thank you, Xiandi)

In the Painting tab these are the settings I have used for the new All Programs Mouseover.

Now if you are actually following along in SKS, you'll notice that there is an arrow that SKS provides that is hovering over the left end of our image. Personally, I don't want it in this skin. Under All Programs, I selected Arrow and in the window that has the name of the image there, I scrolled to the top and selected 'None' and saved the skin. The arrow is gone. You can also do this by selecting Arrow and clicking on the Code Editor tab and remove all the code there and save.

And that is that. I hope it wasn't too confusing.

Q's I have for the Pro's at this ,,,,

• I made an image for the All Programs Mouseover and SKS stretched it out to the size/width I ended up going with. I had no idea it would. SO when I had to go through all the stuff of making a new BG and Mouseover I used the size SKS gave me with my first attempt to draw the new images in True Size and line it all up.  Long story short, it works but I got lucky because I had no idea what I was doing. What is the 'True Size' of the Mouseover button? Is it adjustable? If I (or anyone) wants to do this in the future this way, it would help to know what I'm doing and why.

This is the last part we'll do here for the Start Menu. We're skipping the All Programs List Background, the Extended Menu Separators, and the Text Coloring. We're skipping those becuase whatever we apply to them also effect other areas of the skin and vice versa and to be honest, I'm not that far along to start deciding what colors I want where without knowing how they will look when they cross over into other areas.

The part we'll do now is the Star Menu Log Off Buttons.

Though it looks like one button/image above, it is actually two images and each has three frames. (Normal, Mouseover, Pressed)

To create this, I just did what I did with the Start Menu background which was to make the image as whole (in all 3 states/frames) and then slice it up. In this case we would make from the main image a Normal Button and a Normal Arrow for SKS.

I used guides in PS to slice it.

****I guessed on the size of the two parts-I don't know what they actually are and again, I got lucky*****

In SKS go to Edit Start Menu and Taskbar > Edit Start Menu and Log Off Images. We're skinning for Windows 7 so in the new window select Normal Button under WIndows 7 Start Menu Buttons.

On your Image tab, slect the arrow next to Edit and select Frame Builder.

Select 'Import Into All Frames' and import the Normal image..

This will put that image into all 3 frames and tells Frame Builder the dimensions it will be working with in all of the frames. Then I select 'Import Into Selected Frame' and importanat your next two frames respectively.

Then click 'Save File As', save it and you're done importing your frames for the Normal Button.

Now do the same thing with your Normal Arrow.

The first thing I noticed after importing both images is that they looked awful. They weren't aligning and they weren't in sync. I had to play around with the margins in Painting until they did. These are the settings I used.

NORMAL BUTTON

NORMAL ARROW

Now, not to back track..but...

I had an issue with the arrow button. I created the three states. When I imported them and set all my Painiting margins and applied the skin I noticed the normal Arrow was out of sync withe normal button when I moused over it. When I hovered my mouse over it, it would change to the pressed state and it looked odd next to the highlighted normal button. Tim's solution for this was to use the Mouseover image in the mouseover AND the pressed state which solved the issue.

The only thing I have left to do with theses two buttons is to center them more in the area they occupy. This is something I haven't figured out how to do yet.

Other than that, hopefully, and as clearly as I could make it, we are done with putting together the Start Menu in SKS.

Possible 'Please Wait' screen....