It is currently Mon Mar 18, 2024 8:36 pm

All times are UTC - 8 hours [ DST ]




Post new topic Reply to topic  [ 17 posts ] 
Author Message
PostPosted: Thu May 25, 2017 9:59 am 
Offline

Joined: Thu May 25, 2017 9:44 am
Posts: 90
Hey guys, I have created a new skin for classic shells, based on minimalism. It looks as good as Windows 10 Start Menu But incorporates the same usability as of windows 7.

IT features built in dark mode and my own transparency levels

So without wasting any time to describe in words, here download it and try.

WAITING FOR COMMENTS, SUGGESTIONS AND PROBLEMS

NOTE: Before downloading there is one thing to remember that this skin is not adapted to high dpi. So USE ONLY ON PC WITH 96 DPI.
ALSO USE THE XML FILE TO GET BETTER LOOK
It Can Work On Any Windows version - 7 to 8 to 8.1 to 10

HOPE U ENJOY!!!


Here are some screenshots



EDIT:- NEW VERSION IS RELEASED. SCROLL BELOW TO SEE NEW FEATURES AND NEW DOWNLOAD LINK IS BELOW:-


Attachments:
Crystal Skin And Menu Settings XML.zip [18.78 KiB]
Downloaded 2190 times


Last edited by meetHG on Mon May 29, 2017 9:25 am, edited 3 times in total.
Top
 Profile  
Reply with quote  
PostPosted: Sat May 27, 2017 8:28 am 
Offline
User avatar

Joined: Thu Jun 13, 2013 12:07 pm
Posts: 1208
That's a unique way to personalize a start menu,
by replacing the standard magnifier in search bitmap. :)
Letters, glyphs, even simple 16x16/20x20 icon images could work.


Top
 Profile  
Reply with quote  
PostPosted: Sat May 27, 2017 9:26 am 
Offline

Joined: Thu May 25, 2017 9:44 am
Posts: 90
Yes! It was not on my mind when i started creating the skin. When i got to the search bitmap, i tried to make a new magnifier icon in photoshop but it don't look great at normal size (I created it at 700% size in Photoshop). So I Created The bitmap with letters.

By the way, Have you tried my skin? If you had, please tell me how it was and any recommendations?


Top
 Profile  
Reply with quote  
PostPosted: Sat May 27, 2017 10:07 am 
Offline
User avatar

Joined: Thu Jun 13, 2013 12:07 pm
Posts: 1208
I just had to try an icon image on a different skin first, to see what it looked like.
OK.
I'm using your skin now. A lot of people like dark menus like this.
It's a bit hard for me to discern the shutdown button,
and selector on dark portion sometimes.
I like the white part of menu. There is no color bleed with glass,
as the opacity is already preset in XML file to get rid of it.


Attachments:
Gimp.bmp
Gimp.bmp [ 10.07 KiB | Viewed 51323 times ]
Top
 Profile  
Reply with quote  
PostPosted: Sun May 28, 2017 9:35 am 
Offline

Joined: Thu May 25, 2017 9:44 am
Posts: 90
Ok I got your point. I will make selection look less dark, preferably white or glass color and then post the new skin.

New Skin will be ready only in few time as there are not more than two values that has to be changed in the skin file (If i gather correctly).

And Thanks for advice.


Top
 Profile  
Reply with quote  
PostPosted: Sun May 28, 2017 11:56 am 
Offline
User avatar

Joined: Thu Jun 13, 2013 12:07 pm
Posts: 1208
I have poor contrast vision. It may look perfectly fine for others.
Could keep selectors as black as possible,
and lighten up menu a little bit just enough to see the difference,
when there is black desktop background.

Or could lighten up selectors fully, or just the border. Not everybody like borders.
To lighten up the border, make the selector masks have edge border at say 230 instead of 255 red.
That should lighten it up a tiny amount to see in front of black background,
Make lower value red to make brighter.
Or keep the selector border black 255 red, with the inside lighter 230 red. See picture.
You might have to make separate masks for dark mode, and leave the normal mode untouched?


Probably best, and easiest to just lighten up the menu a bit, and forget about trying to find a sweet spot with selectors. :)


Attachments:
selector mask adjust.png
selector mask adjust.png [ 4.2 KiB | Viewed 51250 times ]
Top
 Profile  
Reply with quote  
PostPosted: Mon May 29, 2017 2:49 am 
Offline

Joined: Thu May 25, 2017 9:44 am
Posts: 90
Hi There, I have added two new features in the crystal skin. Here these are:

1] Now in the dark mode, you can choose the color of the selection (which appears when you hover the cursor over something) instead of just black (thanks to juniper7 for suggesting it). It picks the color from glass color, so change it to get the desires color. Here the screenshots with white selection:


2] Now you can use the Windows 7 Style in single column mode. You just have to select the "Single column" option in the settings menu. In this way, you don't have to use the "Customize start Menu" Section in the Classic shell Settings Menu (for removing everything in the second column and make it go away) . And When you Like To return To The two columns, you just have to uncheck the option (And hence don't have to add again all the second column items you might have removed). Here Are the screenshots of Light And Dark Mode:





Few Additional Notes:

1] Suppose you are using the dark mode in the skin and have made the selection white. After sometime using it, you are done with dark mode and want to come back to light mode and so uncheck the Dark Mode Option. And When You Open the Start menu, You See it and then Wow!!!!! , What has happened??? (See in the screenshot)


This is not a skin error and is like this because you have made the glass color white. So just change it to the color you prefer and everything will be normal.

2] When Using the Single column mode, you always get Glass Transparency (that is Blur). There is not an option to get transparency without blur.

OK Guys. Have Fun. Waiting for problems and suggestions and likes.


Attachments:
Crystal Skin And Menu Settings XML.zip [18.78 KiB]
Downloaded 1717 times


Last edited by meetHG on Mon May 29, 2017 9:23 am, edited 1 time in total.
Top
 Profile  
Reply with quote  
PostPosted: Mon May 29, 2017 2:57 am 
Offline

Joined: Thu May 25, 2017 9:44 am
Posts: 90
Hi juniper7. I have done few changes in the skin as above. Hope this might solve the problem in dark background.

What do you think about it?


Top
 Profile  
Reply with quote  
PostPosted: Mon May 29, 2017 4:28 pm 
Offline
User avatar

Joined: Thu Jun 13, 2013 12:07 pm
Posts: 1208
I can see you do things in a very methodical way in your skin.
Each option is fenced in and duplicated to probably to test different adjustments,
and omit anything that is not required.
Very efficient.

I have just tried your new version.
I didn't even realize a 7 style menu could be single column with internal programs tree, done from skin options.
Totally amazing, no customize. Just click it.

Dark side looks good. It's black baby, black as night.
That selector color option lets anyone set their own to glass, to black, grey, whatever,
while still retaining the black menu. :)

On the none dark mode, my eyes have trouble seeing the 2nd column selector,
because it's the same intensity as menu. All depends on desktop background.
What I did on your last version, was split up the selector/color mask, just for the non dark option.
I made the 2nd column a little darker, 1st a little lighter, so I could see it better.
It made the text more complicated.
I had to make white selectors bitmaps for 1st column, black selector bitmaps for second,
that shared a reduced red color mask.
I'm not sure if you like making extra, as you made the skin in the minimalist way possible. :)
Edit: forgot all this extra work above.

Edit:
You know, I was thinking about simplicity.
How about having a color picker option in your skin option, just for the selectors?
That can work on Dark and non Dark mode.

Edit AGAIN: I'm on Windows 10 by the way, in case it makes any difference, to the way things look.
It works. All I did was add this text to you new version: :)

OPTION_COLOR COLOR_CUSTOM="Selector custom color",0,TRUE,000000

[COLOR_CUSTOM]
Main_selection_tint1=@COLOR_CUSTOM@
Main_split_selection_tint1=@COLOR_CUSTOM@
Main2_selection_tint1=@COLOR_CUSTOM@
Main2_split_selection_tint1=@COLOR_CUSTOM@
;Shutdown_selection_tint1=@COLOR_CUSTOM@
List_selection_tint1=@COLOR_CUSTOM@
List_split_selection_tint1=@COLOR_CUSTOM@
Submenu_selection_tint1=@COLOR_CUSTOM@
Submenu_split_selection_tint1=@COLOR_CUSTOM@
;Submenu_pager_tint1=@COLOR_CUSTOM@


Top
 Profile  
Reply with quote  
PostPosted: Mon May 29, 2017 7:52 pm 
Offline

Joined: Thu May 25, 2017 9:44 am
Posts: 90
OK, I got your point. I also noticed the selection was hard to see in light mode.
No problem, i will add the text in the next update which I think will come soon.

By the way, I was now working on emblems and patterns, that i leave at the first attempt (yes, this is my very first skin) because they look somewhat typical. So do you know any post or something that tells more about these things other than the Ivo's skinning tutorial (I had read it already).

Also, when i was playing with the glass opacity in Main Menu Section of classic shell settings , I noticed that at 0% the first column becomes stained by the glass color which i think is known as color bleed. I was thinking why this is happening but could not figure it out till now.

Do you know Why this is happening?


Top
 Profile  
Reply with quote  
PostPosted: Mon May 29, 2017 8:01 pm 
Offline

Joined: Thu May 25, 2017 9:44 am
Posts: 90
Also Juniper 7, I tried to add an image as emblem in menu. It did. But i see that the transparency is gone. it is Opaque.
Image added was Png image like a normal wallpaper.

Is there any way to add an image without loosing transparency.
Or any way to add an image without loosing blur\

Thanks in advance


Top
 Profile  
Reply with quote  
PostPosted: Mon May 29, 2017 10:22 pm 
Offline
User avatar

Joined: Thu Jun 13, 2013 12:07 pm
Posts: 1208
The only other thing I did to your new skin, was make an extra shutdown mask that has the section 2 and 3,
with more green in it. Its bitmap reference is under the custom color option.
I placed the text as the first option, above the FULLGLASS option. See below:

Main_emblem=
;-----------------------------------------------------------------------------------------

OPTION_COLOR COLOR_CUSTOM="Selector custom color",0,TRUE,000000
[COLOR_CUSTOM]
Main_selection_tint1=@COLOR_CUSTOM@
Main_split_selection_tint1=@COLOR_CUSTOM@
Main2_selection_tint1=@COLOR_CUSTOM@
Main2_split_selection_tint1=@COLOR_CUSTOM@
Shutdown_selection_tint1=
Shutdown_selection_tint2=@COLOR_CUSTOM@
List_selection_tint1=@COLOR_CUSTOM@
List_split_selection_tint1=@COLOR_CUSTOM@
Submenu_selection_tint1=@COLOR_CUSTOM@
Submenu_split_selection_tint1=@COLOR_CUSTOM@
;Submenu_pager_tint1=@COLOR_CUSTOM@
Shutdown_selection_mask=28
;-----------------------------------------------------------------------------------------
OPTION FULLGLASS="Glass Transparency",0
[FULLGLASS]
Main_opacity=fullglass
Main2_opacity=fullglass
Submenu_opacity=fullglass



Emblems and Patterns eh! They only work on main menu, not submenu. Easier to try with classic style. Less complicated.
Not a huge amount of people have made skins with all the extras, that Ivo put in the program.
I made a post to some one else about emblems and patterns:
viewtopic.php?f=17&t=7643
Jcee is working on a very complicated one.
Best to look inside the skins that have those features, and copy.
The Metallic skin has more info about it inside the file.
Also there is some updates about Emblems in Announcements section:
viewtopic.php?f=4&t=6412
Pattern with transparency.
This is where it gets more complicated.
If I remember correctly the pattern mask to carry over the transparency ALPHA channel part,
has to be 32 bit, The alpha channel should be 0/255 Alpha.
The image if I recall will mix 100 percent with the menu bitmap.
Having the pattern mask color less than 255/255 will mix less.
The alpha part of image and alpha of bitmap, I think mixes 50 percent.
Probably the only way to get the full alpha channel is to have original menu bitmap at 0 alpha. I have only done a few projects, so I could be very wrong about it.
I don't recall problems with Emblems.
I think blur can only happen on fullglass main, submenus. Not on selectors, and other images.

Color bleed.
I don't know if it's the right name for it, but it fits. I only notice it on Windows 10, because the color is so strong. Even when there is no glass color mask, some leaks through.
It should go to nothing if the opacity setting is at 0.
The 0 setting won't cut all the intentional glass color to nothing.
Have to remember the desktop is going to show the color behind menu, if menu is transparent.
Alpha does not leak any color.
Maybe you can ask Ivo if possible to have a skin option to it on or off?
In my last skin, I wanted to get rid of the glass color bleed. I thought OK, I'll make fullalpha for the white transparent part, and fullglass for the dark colored second column. It stuck on full glass for both sides.
Looks like only a couple of combinations work.

Goodnight. :)


Attachments:
Shutdown bitmat mask28.bmp
Shutdown bitmat mask28.bmp [ 2.58 KiB | Viewed 51157 times ]
Top
 Profile  
Reply with quote  
PostPosted: Tue May 30, 2017 5:24 am 
Offline

Joined: Thu May 25, 2017 9:44 am
Posts: 90
Ok Thanks for the info. i will read those posts and try to add some new in the skin.


Top
 Profile  
Reply with quote  
PostPosted: Tue May 30, 2017 7:55 pm 
Offline

Joined: Thu May 25, 2017 9:44 am
Posts: 90
Hey Juniper7, Sorry for disturbing you again. But I need to ask few questions

1] Is there any way to make pattern or emblem appear in programs tree
2] Is there any way to make pattern or emblem appear in submenus
3] Anyway to have something behhind each individual menu items (not as a whole) (Like we see behind the apps in the mobile phones (like cards))
4] Any way to make submneus transparent
5] Any way to make programs tree blur

6] Also the order in which things appear like which one will appear at the top- Menu background, Menu opacity, Pattern, Emblem, icon etc.


Top
 Profile  
Reply with quote  
PostPosted: Tue May 30, 2017 9:55 pm 
Offline
User avatar

Joined: Thu Jun 13, 2013 12:07 pm
Posts: 1208
1] Is there any way to make pattern or emblem appear in programs tree? Good question. As far as I know, can't have a separate image in there.
If there is an image on the first column of main menu, the image will show on the programs tree if you use this text instead:

Programs_background=transparent

It is not perfect. Only works properly if operating system has glass blur, or if not transparent.
(A white desktop will show through brightly, without glass feature)

2] Is there any way to make pattern or emblem appear in submenus? No. Ivo said it uses too many resources, which can slow down menu operation.
You can ask him about it. One can put an image into the submenu bitmap. Problem is, it will stretch and shrink so much.
A submenu can be as tall as the monitor, or as small as one entry.

3] Any way to have something behind each individual menu items (not as a whole) (Like we see behind the apps in the mobile phones (like cards))
Sorry, don't know. I don't even use a smart phone. I only have a 3 year old Nokia flip phone, for talking. :lol:
I can easily buy one. Just don't want to get hooked played silly games half of every day.

4] Any way to make submenus transparent? Yes. Can use Submenu_opacity=fullalpha or Submenu_opacity=fullglass.
Your Crystal skin has it working already.

5] Any way to make programs tree blur? I see your skin has Programs_background=#E8FFFFFF. The first 2 number/letters are for setting the alpha transparency. In this case alpha value is 232/255. The last 6 hex numbers are for rgb color. Maybe I don't understand properly,
unless it's about using the alternative Programs_background=transparent

6] Also the order in which things appear like which one will appear at the top- Menu background, Menu opacity, Pattern, Emblem, icon, etc.
I don't think we can control how all the layers work in a skin.
It looks like text and icons are at the top. Icon frames, selectors, and new program selectors seem to want to fight for second spot. :)
Emblems and patterns are under selectors. Sometimes the selector has to be very transparent to show the image underneath.
I really don't know how the programming works. I would think of the background color like RGB, with opacity alpha underneath that.
At least that's the way I imagine it in a photo editor.


Top
 Profile  
Reply with quote  
PostPosted: Wed May 31, 2017 9:26 am 
Offline

Joined: Thu May 25, 2017 9:44 am
Posts: 90
Ok, Thanks Juniper7 for answering each question. You are really a great help. I will shortly post an image of the start menu i am trying to develop so that you can tell me it is possible or not. (concept image)

And Yes, I am not sure what was on my mind when asked the fourth question above.
my fifth question will be cleared through the concept image shortly


Top
 Profile  
Reply with quote  
PostPosted: Thu Jun 01, 2017 10:08 am 
Offline

Joined: Thu May 25, 2017 9:44 am
Posts: 90
Hey Juniper7 , I have created New post about the new skin.
Here it is "http://www.classicshell.net/forum/viewtopic.php?f=17&t=7650"


Top
 Profile  
Reply with quote  
Display posts from previous:  Sort by  
Post new topic Reply to topic  [ 17 posts ] 

All times are UTC - 8 hours [ DST ]


Who is online

Users browsing this forum: No registered users and 23 guests


You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Search for:
Jump to:  
Powered by phpBB® Forum Software © phpBB Group, Almsamim WYSIWYG Classic Shell © 2010-2016, Ivo Beltchev.
All right reserved.