Nov 1, Update tiles picture. May 28, View code. Fluent-Metro Old and pre-release versions are available here. What is Fluent-Metro? Installation Configurations Scripts and Resources Future development. Old and pre-release versions are available here. Installation Fluent-Metro is designed for Windows Configurations As you can see, there is plenty of customization to get the menu looking exactly how you want. Scripts and Resources All scripts and resources are available in the individual skin files.
Future development One goal I have for the skins is to provide an easier method of installation and configuration, for a more traditional approach for people unfamiliar with skinning. Releases 21 Fluent-Metro 1. Aug 5, Contributors 3 bonzibudd Eli Farmer jonathan-rogers-dev Jonathan Rogers thisismy-github. Could not load tags. Latest commit. Git stats 28 commits. Failed to load latest commit information. Update readme and the icon index. Oct 4, Added icon index page. Added files.
Oct 3, Initial commit. Ask a question in the forum Report a bug or submit a feature request Learn how to make your own skin Learn how to make your own start button. Very well made with lots of options. Makes Windows 7 worth using. Saves me from daily frustration. Thank you so much! No more frustration, I can work just like I used to!
Thank you! Classic Shell works on Windows 7, Windows 8, Windows 8. Windows 7 style. About box. Skin variations. Skin options. Custom skin. Skin reference. The skin can change things like: The background image or color of the menu The font and text color for various elements Arrows and other icons Sizes, padding and alignment The image to use for the menu separators All information about a skin is stored in a. It is the text that describes the skin. The description can refer to other resources like bitmaps and icons.
The easiest way to create a new skin is to start from an existing. Make a copy of one of the default skins and save it under a new name. Then open it in Visual Studio's resource editor, or another resource editor like Resource Hacker : A great feature of Resource Hacker is that it lets you edit the text directly inside.
When you are done, press the "Compile Script" button, then save the file. Note: Keep in mind that often the Skins folder is protected by the OS. If you want to use a tool to edit a file directly in that folder, the tool must be started as Administrator. Then pick your new bitmap file, pick the ID of the bitmap resource you want to replace, click Replace and save.
You can replace an icon resource in a similar way. Pick the new bitmap file, enter a new name must be a number , and you can leave the language blank. Finally click Add Resource and save. Bitmaps The start menu uses various bitmap resources for its graphical elements. JPG images are always opaque, and of course, of lower quality.
A bitmap can optionally have a color mask. The mask determines how the bitmap is mixed with up to 3 additional colors, called "tint colors". The Red channel of the mask controls how much of the first tint color to mix in, the Green channel controls the second tint color and the Blue channel controls the third tint color.
By default the first tint color is the system window Glass color, and the second tint color is the menu background color. The mask only applies to the RGB portion of the bitmap. The Alpha channel remains unchanged: In this example the first image is the background, the second is the mask and the third is the end result.
The red portions of the mask blend the glass color purple with the background. The green portions blend the menu color gray with the background. By varying the intensity of red and green in the mask image we control how much the colors are blended.
If the mask is a bitmap it must have the same dimensions as the main bitmap. If both the bitmap and the mask are solid colors, the end result is a solid-color bitmap that is the result of the bitmap color and the tint colors all mixed together according to the mask.
If the main bitmap is a solid color and the mask is a bitmap, then the dimensions of the mask bitmap determine the dimensions of the final bitmap.
In this case the alpha channel of the mask is used as alpha channel of the result. The masks and tint colors are a powerful system that allows you to achieve a large variation of possibilities without the need for a large number of bitmap resources.
For good examples how to use the color tints, look at the Metro skin. See the reference section at the end for the supported bitmaps. Named colors Everywhere a solid color is accepted, you can use one of the predefined named colors. The actual color at any given moment will depend on the current Windows settings. Using named colors allows you to create skins that follow the current Windows color scheme. A small number of colors are system colors for classic window elements - like button color, text highlight color, and so on.
The rest of the named colors are only available on Windows 8 and up. They come from the Metro palette, which is a complete set of hundreds of named colors, designed to look good together.
Windows 8. To make skins that look good on all versions of Windows, you may use a list of colors in order of preference. If the first one is not available, the menu will use the next one in the list. You can find it on the main Downloads page. For an example how to use the Metro colors, look at the Metro skin.
It makes a heavy use of the named colors to achieve look that matches the current color scheme of the start screen. Bitmap slices Since many of the start menu elements are not fixed size they is resized depending on the number of menu items, the font size, etc and bitmaps are fixed size, we need a way to resize the bitmap to fill a given area.
Simply stretching the whole bitmap will not work because fine details around the border will get blurred. That's where the "slicing" system comes in. Each bitmap is split into slices horizontally and vertically: The 4 corners are never stretched. The left and right slices are stretched only vertically. The top and bottom slices are stretched only horizontally. And the middle portion can be stretched in any direction.
This lets us get any size background without sacrificing the sharp edges or the smooth gradient in the middle: Some images can have more than 3 slices. The main menu background has 6 slices - 3 for the caption area and 3 for the menu area.
Some images don't need both vertical and horizontal slices. The menu separator image is only split horizontally because all separators have the same height. Backgrounds A background is a combination of a bitmap and its slices. For example horizontal separators only have X, and vertical separators only have Y, since they can only stretch in one direction. See the reference section at the end for the supported backgrounds.
Skin items A skin item is a combination of settings that control a particular element of the menu, for example the selected element. The font size is given in points. The font size can be negative or positive. A negative size measures the character height and a positive size measures the cell height of the font.
Since the cell is usually taller than a character, a font size is usually slightly larger than Some items inherit settings from other items. See the reference section at the end for the supported items. Main menu Now that we know what is a Bitmap, Background and Skin item, we are ready to define the look of the main menu.
The main menu can use a solid color for its background or use a bitmap. This is the same format that is used by HTML text. Alpha means that the bitmap will be alpha-blended with the desktop behind it. The bitmap must follow certain restrictions: The bitmap can be either bit or bit with alpha channel.
For bit images don't premultiply the alpha channel. For every horizontal line of the bitmap there can be transparent pixels on the left end and on the right end, but not in the middle.
0コメント