Would like to have a skin previewd and commented on please.

[Beuwolf]

Hi all,

Been playing around with different skins, added some different codes into one gadget that fits me and so on. But thought before I continue getting things figured out with different gadgets and all, that I upload one of them to see what kind of mistakes I been up to, if any.

It is a rather simple Program Launcher with some fitting images lined up for the shortcuts. Here is a sample picture:



It's all coded with my own shortcuts, but I did a simple test by just changing the drive letter on one shortcut and although it wont work, the image didn't get distorted so hopefully it still will look as the picture. (I might be to cautious but thought I mention it anyway).

On the other hand I made in such way that, hopefully, even someone without much knowledge about Rainmeter should be able to sort it out so it be working for their own needs. Even added a 'template' that could be used instead if wanting to start from scratch, so to speak.

So, basically I am wondering if I'm going in the right direction so far and if there is anything I could do to slim it down further even ? But more important, is all the right information there, or have I missed some ??

None of the images are mine though, all found on Devoantart, but added them all in a .inc file. Also went and made a Credit Skin that can be activated if needed with active links on it. Sorry about the size though, but I'm using a 43'' Screen 4K so can't really go with the super small minimalistic styles. I have seen some skins that can be resized with the scroll wheel, although not sure if I can mange to include that, or even if it is possible on a similar skin as like this with add/removable smaller images on it.

On a second note, if anyone know of an easy program to make icon/dock like images then maybe I could use that instead of searching for suitable ones online.

Thank you for having a look !

Beuwolf

Ops, almost forgot to add this too:

Rainmeter 4.3.1.3321 (64-bit)
Language: English (1033)
Build time: 2019-09-22 7:26:11
Commit Hash: 0ba4dfc4
Windows 10 Pro 1909 64-bit (build 18363) - Swedish (1053)
Path: C:\Program Files\Rainmeter\
SkinPath: C:\Users\TS\Documents\Rainmeter\Skins\
SettingsPath: C:\Users\TS\AppData\Roaming\Rainmeter\
IniFile: C:\Users\TS\AppData\Roaming\Rainmeter\Rainmeter.ini

[Yincognito]

Some little animation on hover would be nice. Something like either enlarging or shrinking a bit the hovered image. Or, a bit of "glowing" on hover. The latter is slightly more complicated than the former, so I would go for the former, which should be trivial to do.

[Beuwolf]

some of the links work, but you have to set it for yourself nicely done for your first skin...

Yes, that's true, they do work right for me. Glad to hear some of them still works. Although some links are the same on all PC's, no matter where we from, as long as it is Win 10 as well.

Some little animation on hover would be nice. Something like either enlarging or shrinking a bit the hovered image. Or, a bit of "glowing" on hover. The latter is slightly more complicated than the former, so I would go for the former, which should be trivial to do.

Hadn't even thought about this, nice idea ! Got one question though. As it is set right now, the images are between 128x128 and up to 512x512, but they being adjusted with W=64 and H=64. Only way I got it to work with enlarging the images on hover over was by making the image to a native 48x48, then another at 64x64 for when hovering over it. Now, before I start readjusting the other 23 images, I thought I check to make sure there is not another way of doing it ??

Here is the code for the first image in the 'dock'.

Code: Select all

[MeterProgramImage_1] 
Meter=Image
ImageName=#@#Images\Notepad_48.png
MouseOverAction=[!SetOption #CURRENTSECTION# ImageName "#@#Images\Notepad_64.png"][!UpdateMeter "#CURRENTSECTION#"][!Redraw]
MouseLeaveAction=[!SetOption #CURRENTSECTION# ImageName "#@#Images\Notepad_48.png"][!UpdateMeter "#CURRENTSECTION#"][!Redraw]
DynamicVariables=1
MeterStyle=StyleImage_L
LeftMouseUpAction=["C:\Windows\System32\Notepad.exe"]
ToolTipText=Notepad

Am I on the right track, or is it another way to do it as well ?

Thanks for the feedback, much appreciated !

[Yincognito]

Hadn't even thought about this, nice idea ! Got one question though. As it is set right now, the images are between 128x128 and up to 512x512, but they being adjusted with W=64 and H=64. Only way I got it to work with enlarging the images on hover over was by making the image to a native 48x48, then another at 64x64 for when hovering over it. Now, before I start readjusting the other 23 images, I thought I check to make sure there is not another way of doing it ??

Am I on the right track, or is it another way to do it as well ?

Thanks for the feedback, much appreciated !

Nah, there's no need to manually redimension the images - please stop this pointless effort. Check this little sample (this assumes you have a fff.png image in the current folder, size doesn't matter):

Code: Select all

[Variables]
SizeBig=64
SizeSmall=48

[Rainmeter]
Update=1000
AccurateText=1
DynamicWindowSize=1
BackgroundMode=2
SolidColor=67,67,67,255

---Measures---

---Meters---

[MeterImageContainer]
Meter=Shape
Shape=Rectangle 0,0,(#SizeBig#),(#SizeBig#) | StrokeWidth 0 | Fill Color 0,0,0,255
X=0
Y=0
DynamicVariables=1

[MeterImage]
Meter=Image
Container=MeterImageContainer
ImageName="fff.png"
X=((#SizeBig#-#SizeSmall#)/2)
Y=((#SizeBig#-#SizeSmall#)/2)
W=(#SizeSmall#)
H=(#SizeSmall#)
MouseOverAction=[!SetOption MeterImage X ((#SizeBig#-#SizeBig#)/2)][!SetOption MeterImage Y ((#SizeBig#-#SizeBig#)/2)][!SetOption MeterImage W (#SizeBig#)][!SetOption MeterImage H (#SizeBig#)][!UpdateMeter MeterImage][!Redraw]
MouseLeaveAction=[!SetOption MeterImage X ((#SizeBig#-#SizeSmall#)/2)][!SetOption MeterImage Y ((#SizeBig#-#SizeSmall#)/2)][!SetOption MeterImage W (#SizeSmall#)][!SetOption MeterImage H (#SizeSmall#)][!UpdateMeter MeterImage][!Redraw]
DynamicVariables=1

[MeterTitle]
Meter=String
FontColor=255,255,255,255
FontFace=Consolas
FontSize=10
AntiAlias=1
ClipString=2
Padding=5,5,5,5
X=0R
Y=0r
Text="Blah Blah"

So, the unhovered image will be 48x48 (centered in the 64x64 invisible container). When hovered, the image will "grow" to 64x64 (filling the entire container). The "big size" / "small size" can be tweaked to any values, from the [Variables] section.

P.S. I guess this could be also done using a TransformationMatrix, but it's easier like the above.

[balala]

First a little feedback: nice skin, with nice little icons, like them. Congrats.

Hadn't even thought about this, nice idea ! Got one question though. As it is set right now, the images are between 128x128 and up to 512x512, but they being adjusted with W=64 and H=64. Only way I got it to work with enlarging the images on hover over was by making the image to a native 48x48, then another at 64x64 for when hovering over it. Now, before I start readjusting the other 23 images, I thought I check to make sure there is not another way of doing it ??

...

Am I on the right track, or is it another way to do it as well ?

Not sure what all of you are talking about icons of 48 x 48 pixels, because I downloaded the package and the icons into the Skins\Colorfulness - Programs\Programs Launcher\Program Launcher.ini skin are sized to 64 x 64 pixel. Aren't they?
Yincognito had perfectly right, there is no need to create two sets of images and change the icon when you're hovering the mouse over it. It can be resized, but there is a small problem with this: beside resizing the icon, you have to also move it for a nice looking effect. I rewrote the code for these movements. Here is my updated code. Please try it out and let me know how does it work. When you're hovering the mouse over an icon, it is enlarged with 10 pixels. This way in such a situation it is sized to 74 x 74 pixels. When you're leaving it, it is downsized back to 64 x 64 pixels.
The code:

Code: Select all

; Lines starting ; (semicolons) are commented out.
; That is, they do not affect the code and are here for demonstration purposes only.
; ----------------------------------

; =============================================================================================
; ===================		BE AWARE		BE AWARE		BE AWARE		===================
; =============================================================================================
; ======																				 ======
; ======				First of, thank you for downloading this skin !					 ======
; ======																				 ======
; ======	Second: Some, or maybe even most, of the Shortcuts already added will not	 ======
; ======	be working due to different paths on mine and your PC.  There are two 		 ======
; ======	alternatives to sort this out:												 ======
; ======																				 ======
; ======	1)	Can change the affected shortcuts within this skin, by changing images	 ======
; ======		and program/game paths.	 Instructions below how to proceed if chossing	 ======
; ======		this way.																 ======
; ======																				 ======
; ======	OR																			 ======
; ======																				 ======
; ======	2)	Activate the other skin within the folder ** Your Personal Launcher **	 ======
; ======		Which is presently just having the basic code entered and you yourself	 ======
; ======		have to add the Images needed and the short cut paths for the programs	 ======
; ======		or games you want to have access too.									 ======
; ======																				 ======
; =============================================================================================
; ===================		BE AWARE		BE AWARE		BE AWARE		===================
; =============================================================================================



; HOWTO: Adding more Programs
; ----------------------------------
; If you want to add more programs to this dock it is rather straight forward. Be aware you would have to make the dock longer to accomodate the additional programs though. Follow these steps to add more programs.
;
; 1) Find the image you want to use for your desired program/game and then do the following steps:
;
; 2) For the first 12 additional programs though, that you might want to add, the basic coding has already been added.  What else that is needed to make it work, you will have to fill in and it is mentioned down at the first free space.
;
; 3) Save the change you made, then either right click on the skin and refresh it to see the changes, or use the refresh option in the Manage Rainmeter window. This is just to make sure it all looks right before continuing adding more.
;
; 4) If you know you be needing more rows then copy everything between row Six and Seven, and paste it in underneath row Seventh.
;
;	- If adding a seventh or more rows, please be aware that you will also need to change the end number, XYZ, for each [MeterProgramImage_XYZ].
;
; Additional Information for Extra Credit: :P
; - If you want to go a bit further then just adding normal programs/games, i.e. Computer Managment or similar folders, then use this link and find what you need: https://docs.rainmeter.net/tips/launching-windows-special-folders/
;
; Enjoy and hope you will have good use of this gadget!
;
; ----------------------------------
; End of HOWTO section.


[Rainmeter]
; This section contains general settings that can be used to change how Rainmeter behaves.
Update=1000
DynamicWindowSize=1
AccurateText=1
MiddleMouseUpAction=["#@#Settings.inc"]

[Metadata]
; Contains basic information of the skin.
Name=Colorfulness Suite
Author=Beuwolf
Information=Displays different Program or Game shortcuts.
License=Creative Commons Attribution-NonCommercial-ShareAlike 3.0
Version=0.6

; ----------------------------------
; Variables
; ----------------------------------

[Variables]
; Variables declared here can be used later on between two # characters (e.g. #MyVariable#).

;Fonts & Colours
@include="#@#\Settings.inc"
; #@# is equal to Rainmeter\Skins\Colorfulness - Programs\@Resources
; More information about the @Include settings can be found at https://docs.rainmeter.net/manual/skins/include-option/

[MeterBackground]
Meter=Shape
Shape=Rectangle 0.5,0.5,484,379,50 | Fill Color #BackgroundColor# | StrokeWidth 4 | Stroke LinearGradient MyStrokeGradient
MyStrokeGradient=215 | 0,0,255,255 ; 0.0 | 0,255,0,255 ; 0.25 | 255,0,0,255 ; 0.50 | 255,100,0,255 ; 0.75 | 235,225,20,255 ; 1.0
X=0
W=485
H=380
; Information as to how to make the Gadget's background can be found at https://docs.rainmeter.net/manual/meters/shape/ - Ended up being a bit easier understand how it all works once I reached the end and could download the .rmskin though. :)

; ----------------------------------
; STYLES are used to "centralize" options
; ----------------------------------

; This style is only for the first image in each row.
[StyleImage_L]
X=0r
Y=5R
W=64
H=64
; The W and H decided the size of the images. If changes the size of this image, remember to also change the image size on the ones under [StyleImage_M+R]


; This style being used for all other images, no matter the row.
[StyleImage_M+R]
X=10R
Y=0r
W=64
H=64
; Remember to change the W and H here as well if changing them at the [StyleImage_L] command.

; ----------------------------------
; METERS display images, text, bars, etc.
; ----------------------------------

[MeterTitle]
Meter=String
StringAlign=Center
MeterStyle=StyleTitle
; Using MeterStyle=StyleTitle will basically "copy" the
; contents of the [StyleTitle] section here during runtime.
X=242
Y=20
Text=Programs
; Even though the text is set to Disks, Rainmeter will display
; it as DISKS, because StyleTitle contains StringCase=Upper.

[MeterBar]
Meter=Shape
MeterStyle=StyleBar
W=435


; =============================================================
; ==================		First Row		===================
; =============================================================

; The 'big' bars above containing the row numbers are just to make it easier to find each row if changing things, up to each and one if wanting to keep it or not. :)

[MeterProgramImage_1]
Meter=Image
ImageName=#@#Images\Notepad.png
MeterStyle=StyleImage_L
LeftMouseUpAction=["C:\Windows\System32\Notepad.exe"]
ToolTipText=Notepad
MouseOverAction=[!SetOption #CURRENTSECTION# X "-5r"][!SetOption #CURRENTSECTION# Y "0R"][!SetOption #CURRENTSECTION# W "74"][!SetOption #CURRENTSECTION# H 74][!SetOption MeterProgramImage_2 X "5R"][!SetOption MeterProgramImage_2 Y "5r"][!UpdateMeter "#CURRENTSECTION#"][!UpdateMeter "MeterProgramImage_2"][!Redraw]
MouseLeaveAction=[!SetOption #CURRENTSECTION# X "0r"][!SetOption #CURRENTSECTION# Y "5R"][!SetOption #CURRENTSECTION# W "64"][!SetOption #CURRENTSECTION# H 64][!SetOption MeterProgramImage_2 X "10R"][!SetOption MeterProgramImage_2 Y "0r"][!UpdateMeter "#CURRENTSECTION#"][!UpdateMeter "MeterProgramImage_2"][!Redraw]
; Hovering over this meter will display a tooltip with the text above.
; If adding #CRLF# variable then it creates a new line.

[MeterProgramImage_2]
Meter=Image
ImageName=#@#Images\Notepad++.png
MeterStyle=StyleImage_M+R
LeftMouseUpAction=["C:\Program Files\Notepad++\notepad++.exe"]
ToolTipText=Notepad++
MouseOverAction=[!SetOption #CURRENTSECTION# X "5R"][!SetOption #CURRENTSECTION# Y "-5r"][!SetOption #CURRENTSECTION# W "74"][!SetOption #CURRENTSECTION# H 74][!SetOption MeterProgramImage_3 X "5R"][!SetOption MeterProgramImage_3 Y "5r"][!UpdateMeter "#CURRENTSECTION#"][!UpdateMeter "MeterProgramImage_3"][!Redraw]
MouseLeaveAction=[!SetOption #CURRENTSECTION# X "10R"][!SetOption #CURRENTSECTION# Y "0r"][!SetOption #CURRENTSECTION# W "64"][!SetOption #CURRENTSECTION# H 64][!SetOption MeterProgramImage_3 X "10R"][!SetOption MeterProgramImage_3 Y "0r"][!UpdateMeter "#CURRENTSECTION#"][!UpdateMeter "MeterProgramImage_3"][!Redraw]

[MeterProgramImage_3]
Meter=Image
ImageName=#@#Images\Paint.png
MeterStyle=StyleImage_M+R
LeftMouseUpAction=["MSPaint.exe"]
ToolTipText=MS Paint
MouseOverAction=[!SetOption #CURRENTSECTION# X "5R"][!SetOption #CURRENTSECTION# Y "-5r"][!SetOption #CURRENTSECTION# W "74"][!SetOption #CURRENTSECTION# H 74][!SetOption MeterProgramImage_4 X "5R"][!SetOption MeterProgramImage_4 Y "5r"][!UpdateMeter "#CURRENTSECTION#"][!UpdateMeter "MeterProgramImage_4"][!Redraw]
MouseLeaveAction=[!SetOption #CURRENTSECTION# X "10R"][!SetOption #CURRENTSECTION# Y "0r"][!SetOption #CURRENTSECTION# W "64"][!SetOption #CURRENTSECTION# H 64][!SetOption MeterProgramImage_4 X "10R"][!SetOption MeterProgramImage_4 Y "0r"][!UpdateMeter "#CURRENTSECTION#"][!UpdateMeter "MeterProgramImage_4"][!Redraw]

[MeterProgramImage_4]
Meter=Image
ImageName=#@#Images\gimp.png
MeterStyle=StyleImage_M+R
LeftMouseUpAction=["C:\Program Files\GIMP 2\bin\gimp-2.10.exe"]
ToolTipText=GIMP Image Program
MouseOverAction=[!SetOption #CURRENTSECTION# X "5R"][!SetOption #CURRENTSECTION# Y "-5r"][!SetOption #CURRENTSECTION# W "74"][!SetOption #CURRENTSECTION# H 74][!SetOption MeterProgramImage_5 X "5R"][!SetOption MeterProgramImage_5 Y "5r"][!UpdateMeter "#CURRENTSECTION#"][!UpdateMeter "MeterProgramImage_5"][!Redraw]
MouseLeaveAction=[!SetOption #CURRENTSECTION# X "10R"][!SetOption #CURRENTSECTION# Y "0r"][!SetOption #CURRENTSECTION# W "64"][!SetOption #CURRENTSECTION# H 64][!SetOption MeterProgramImage_5 X "10R"][!SetOption MeterProgramImage_5 Y "0r"][!UpdateMeter "#CURRENTSECTION#"][!UpdateMeter "MeterProgramImage_5"][!Redraw]

[MeterProgramImage_5]
Meter=Image
ImageName=#@#Images\Inkscape.png
MeterStyle=StyleImage_M+R
LeftMouseUpAction=["C:\Program Files\Inkscape\inkscape.exe"]
ToolTipText=Inkscape
MouseOverAction=[!SetOption #CURRENTSECTION# X "5R"][!SetOption #CURRENTSECTION# Y "-5r"][!SetOption #CURRENTSECTION# W "74"][!SetOption #CURRENTSECTION# H 74][!SetOption MeterProgramImage_6 X "5R"][!SetOption MeterProgramImage_6 Y "5r"][!UpdateMeter "#CURRENTSECTION#"][!UpdateMeter "MeterProgramImage_6"][!Redraw]
MouseLeaveAction=[!SetOption #CURRENTSECTION# X "10R"][!SetOption #CURRENTSECTION# Y "0r"][!SetOption #CURRENTSECTION# W "64"][!SetOption #CURRENTSECTION# H 64][!SetOption MeterProgramImage_6 X "10R"][!SetOption MeterProgramImage_6 Y "0r"][!UpdateMeter "#CURRENTSECTION#"][!UpdateMeter "MeterProgramImage_6"][!Redraw]

[MeterProgramImage_6]
Meter=Image
ImageName=#@#Images\WinRAR.png
MeterStyle=StyleImage_M+R
LeftMouseUpAction=["C:\Program Files\WinRAR\WinRAR.exe"]
ToolTipText=WinRar
MouseOverAction=[!SetOption #CURRENTSECTION# X "5R"][!SetOption #CURRENTSECTION# Y "-5r"][!SetOption #CURRENTSECTION# W "74"][!SetOption #CURRENTSECTION# H 74][!SetOption MeterLine Y "0R"][!UpdateMeter "#CURRENTSECTION#"][!UpdateMeter "MeterLine"][!Redraw]
MouseLeaveAction=[!SetOption #CURRENTSECTION# X "10R"][!SetOption #CURRENTSECTION# Y "0r"][!SetOption #CURRENTSECTION# W "64"][!SetOption #CURRENTSECTION# H 64][!SetOption MeterLine Y "5R"][!UpdateMeter "#CURRENTSECTION#"][!UpdateMeter "MeterLine"][!Redraw]

[MeterLine]
Meter=Shape
MeterStyle=StyleBar_2


; =============================================================
; ==================		Second Row		===================
; =============================================================


[MeterProgramImage_7]
Meter=Image
ImageName=#@#Images\opera_gx.png
MeterStyle=StyleImage_L
LeftMouseUpAction=["C:\Program Files\Opera GX\launcher.exe"]
ToolTipText=Opera GX Browser
MouseOverAction=[!SetOption #CURRENTSECTION# X "-5r"][!SetOption #CURRENTSECTION# Y "0R"][!SetOption #CURRENTSECTION# W "74"][!SetOption #CURRENTSECTION# H 74][!SetOption MeterProgramImage_8 X "5R"][!SetOption MeterProgramImage_8 Y "5r"][!UpdateMeter "#CURRENTSECTION#"][!UpdateMeter "MeterProgramImage_8"][!Redraw]
MouseLeaveAction=[!SetOption #CURRENTSECTION# X "0r"][!SetOption #CURRENTSECTION# Y "5R"][!SetOption #CURRENTSECTION# W "64"][!SetOption #CURRENTSECTION# H 64][!SetOption MeterProgramImage_8 X "10R"][!SetOption MeterProgramImage_8 Y "0r"][!UpdateMeter "#CURRENTSECTION#"][!UpdateMeter "MeterProgramImage_8"][!Redraw]

[MeterProgramImage_8]
Meter=Image
ImageName=#@#Images\ObjectDesktop.png
MeterStyle=StyleImage_M+R
LeftMouseUpAction=["C:\Users\TS\AppData\Local\Stardock\ObjectDesktop\ObjectDesktopManager.exe"]
ToolTipText=Object Desktop
MouseOverAction=[!SetOption #CURRENTSECTION# X "5R"][!SetOption #CURRENTSECTION# Y "-5r"][!SetOption #CURRENTSECTION# W "74"][!SetOption #CURRENTSECTION# H 74][!SetOption MeterProgramImage_9 X "5R"][!SetOption MeterProgramImage_9 Y "5r"][!UpdateMeter "#CURRENTSECTION#"][!UpdateMeter "MeterProgramImage_9"][!Redraw]
MouseLeaveAction=[!SetOption #CURRENTSECTION# X "10R"][!SetOption #CURRENTSECTION# Y "0r"][!SetOption #CURRENTSECTION# W "64"][!SetOption #CURRENTSECTION# H 64][!SetOption MeterProgramImage_9 X "10R"][!SetOption MeterProgramImage_9 Y "0r"][!UpdateMeter "#CURRENTSECTION#"][!UpdateMeter "MeterProgramImage_9"][!Redraw]

[MeterProgramImage_9]
Meter=Image
ImageName=#@#Images\IconDeveloper.png
MeterStyle=StyleImage_M+R
LeftMouseUpAction=["C:\Program Files (x86)\Stardock\IconDeveloper\IconDeveloper.exe"]
ToolTipText=IconDeveloper Program
MouseOverAction=[!SetOption #CURRENTSECTION# X "5R"][!SetOption #CURRENTSECTION# Y "-5r"][!SetOption #CURRENTSECTION# W "74"][!SetOption #CURRENTSECTION# H 74][!SetOption MeterProgramImage_10 X "5R"][!SetOption MeterProgramImage_10 Y "5r"][!UpdateMeter "#CURRENTSECTION#"][!UpdateMeter "MeterProgramImage_10"][!Redraw]
MouseLeaveAction=[!SetOption #CURRENTSECTION# X "10R"][!SetOption #CURRENTSECTION# Y "0r"][!SetOption #CURRENTSECTION# W "64"][!SetOption #CURRENTSECTION# H 64][!SetOption MeterProgramImage_10 X "10R"][!SetOption MeterProgramImage_10 Y "0r"][!UpdateMeter "#CURRENTSECTION#"][!UpdateMeter "MeterProgramImage_10"][!Redraw]

[MeterProgramImage_10]
Meter=Image
ImageName=#@#Images\Steelseries.png
MeterStyle=StyleImage_M+R
LeftMouseUpAction=["C:\Program Files\SteelSeries\SteelSeries Engine 3\SteelSeriesEngine3.exe" -dataPath="C:\ProgramData\SteelSeries\SteelSeries Engine 3" -dbEnv=production]
ToolTipText=Steelseries Engine 3
MouseOverAction=[!SetOption #CURRENTSECTION# X "5R"][!SetOption #CURRENTSECTION# Y "-5r"][!SetOption #CURRENTSECTION# W "74"][!SetOption #CURRENTSECTION# H 74][!SetOption MeterProgramImage_11 X "5R"][!SetOption MeterProgramImage_11 Y "5r"][!UpdateMeter "#CURRENTSECTION#"][!UpdateMeter "MeterProgramImage_11"][!Redraw]
MouseLeaveAction=[!SetOption #CURRENTSECTION# X "10R"][!SetOption #CURRENTSECTION# Y "0r"][!SetOption #CURRENTSECTION# W "64"][!SetOption #CURRENTSECTION# H 64][!SetOption MeterProgramImage_11 X "10R"][!SetOption MeterProgramImage_11 Y "0r"][!UpdateMeter "#CURRENTSECTION#"][!UpdateMeter "MeterProgramImage_11"][!Redraw]

[MeterProgramImage_11]
Meter=Image
ImageName=#@#Images\CPU-Z.ico
MeterStyle=StyleImage_M+R
LeftMouseUpAction=["C:\Program Files\CPUID\CPU-Z Aorus\cpuz.exe"]
ToolTipText=CPU Information
MouseOverAction=[!SetOption #CURRENTSECTION# X "5R"][!SetOption #CURRENTSECTION# Y "-5r"][!SetOption #CURRENTSECTION# W "74"][!SetOption #CURRENTSECTION# H 74][!SetOption MeterProgramImage_12 X "5R"][!SetOption MeterProgramImage_12 Y "5r"][!UpdateMeter "#CURRENTSECTION#"][!UpdateMeter "MeterProgramImage_12"][!Redraw]
MouseLeaveAction=[!SetOption #CURRENTSECTION# X "10R"][!SetOption #CURRENTSECTION# Y "0r"][!SetOption #CURRENTSECTION# W "64"][!SetOption #CURRENTSECTION# H 64][!SetOption MeterProgramImage_12 X "10R"][!SetOption MeterProgramImage_12 Y "0r"][!UpdateMeter "#CURRENTSECTION#"][!UpdateMeter "MeterProgramImage_12"][!Redraw]

[MeterProgramImage_12]
Meter=Image
ImageName=#@#Images\GPU-Z.png
MeterStyle=StyleImage_M+R
LeftMouseUpAction=["C:\Program Files (x86)\GPU-Z\GPU-Z.exe"]
ToolTipText=GPU Information
MouseOverAction=[!SetOption #CURRENTSECTION# X "5R"][!SetOption #CURRENTSECTION# Y "-5r"][!SetOption #CURRENTSECTION# W "74"][!SetOption #CURRENTSECTION# H 74][!SetOption MeterLine_2 Y "0R"][!UpdateMeter "#CURRENTSECTION#"][!UpdateMeter "MeterLine_2"][!Redraw]
MouseLeaveAction=[!SetOption #CURRENTSECTION# X "10R"][!SetOption #CURRENTSECTION# Y "0r"][!SetOption #CURRENTSECTION# W "64"][!SetOption #CURRENTSECTION# H 64][!SetOption MeterLine_2 Y "5R"][!UpdateMeter "#CURRENTSECTION#"][!UpdateMeter "MeterLine_2"][!Redraw]

[MeterLine_2]
Meter=Shape
MeterStyle=StyleBar_2


; =============================================================
; ==================		Third Row		===================
; =============================================================


[MeterProgramImage_13]
Meter=Image
ImageName=#@#Images\Steam.png
MeterStyle=StyleImage_L
LeftMouseUpAction=[H:\Steam\Steam.exe]
ToolTipText=Steam Launcher
MouseOverAction=[!SetOption #CURRENTSECTION# X "-5r"][!SetOption #CURRENTSECTION# Y "0R"][!SetOption #CURRENTSECTION# W "74"][!SetOption #CURRENTSECTION# H 74][!SetOption MeterProgramImage_14 X "5R"][!SetOption MeterProgramImage_14 Y "5r"][!UpdateMeter "#CURRENTSECTION#"][!UpdateMeter "MeterProgramImage_14"][!Redraw]
MouseLeaveAction=[!SetOption #CURRENTSECTION# X "0r"][!SetOption #CURRENTSECTION# Y "5R"][!SetOption #CURRENTSECTION# W "64"][!SetOption #CURRENTSECTION# H 64][!SetOption MeterProgramImage_14 X "10R"][!SetOption MeterProgramImage_14 Y "0r"][!UpdateMeter "#CURRENTSECTION#"][!UpdateMeter "MeterProgramImage_14"][!Redraw]

[MeterProgramImage_14]
Meter=Image
ImageName=#@#Images\GOG.png
MeterStyle=StyleImage_M+R
LeftMouseUpAction=["J:\GOG Galaxy\GalaxyClient.exe"]
ToolTipText=GOG Galaxy 2.0 Launcher
MouseOverAction=[!SetOption #CURRENTSECTION# X "5R"][!SetOption #CURRENTSECTION# Y "-5r"][!SetOption #CURRENTSECTION# W "74"][!SetOption #CURRENTSECTION# H 74][!SetOption MeterProgramImage_15 X "5R"][!SetOption MeterProgramImage_15 Y "5r"][!UpdateMeter "#CURRENTSECTION#"][!UpdateMeter "MeterProgramImage_15"][!Redraw]
MouseLeaveAction=[!SetOption #CURRENTSECTION# X "10R"][!SetOption #CURRENTSECTION# Y "0r"][!SetOption #CURRENTSECTION# W "64"][!SetOption #CURRENTSECTION# H 64][!SetOption MeterProgramImage_15 X "10R"][!SetOption MeterProgramImage_15 Y "0r"][!UpdateMeter "#CURRENTSECTION#"][!UpdateMeter "MeterProgramImage_15"][!Redraw]

[MeterProgramImage_15]
Meter=Image
ImageName=#@#Images\Uplay.png
MeterStyle=StyleImage_M+R
LeftMouseUpAction=["J:\Ubisoft Game Launcher\Uplay.exe"]
ToolTipText=Ubisoft Game Launcher
MouseOverAction=[!SetOption #CURRENTSECTION# X "5R"][!SetOption #CURRENTSECTION# Y "-5r"][!SetOption #CURRENTSECTION# W "74"][!SetOption #CURRENTSECTION# H 74][!SetOption MeterProgramImage_16 X "5R"][!SetOption MeterProgramImage_16 Y "5r"][!UpdateMeter "#CURRENTSECTION#"][!UpdateMeter "MeterProgramImage_16"][!Redraw]
MouseLeaveAction=[!SetOption #CURRENTSECTION# X "10R"][!SetOption #CURRENTSECTION# Y "0r"][!SetOption #CURRENTSECTION# W "64"][!SetOption #CURRENTSECTION# H 64][!SetOption MeterProgramImage_16 X "10R"][!SetOption MeterProgramImage_16 Y "0r"][!UpdateMeter "#CURRENTSECTION#"][!UpdateMeter "MeterProgramImage_16"][!Redraw]

[MeterProgramImage_16]
Meter=Image
ImageName=#@#Images\RDR2.png
MeterStyle=StyleImage_M+R
LeftMouseUpAction=["J:\Rockstar Games\Launcher\LauncherPatcher.exe"]
ToolTipText=Rockstar Launcher
MouseOverAction=[!SetOption #CURRENTSECTION# X "5R"][!SetOption #CURRENTSECTION# Y "-5r"][!SetOption #CURRENTSECTION# W "74"][!SetOption #CURRENTSECTION# H 74][!SetOption MeterProgramImage_17 X "5R"][!SetOption MeterProgramImage_17 Y "5r"][!UpdateMeter "#CURRENTSECTION#"][!UpdateMeter "MeterProgramImage_17"][!Redraw]
MouseLeaveAction=[!SetOption #CURRENTSECTION# X "10R"][!SetOption #CURRENTSECTION# Y "0r"][!SetOption #CURRENTSECTION# W "64"][!SetOption #CURRENTSECTION# H 64][!SetOption MeterProgramImage_17 X "10R"][!SetOption MeterProgramImage_17 Y "0r"][!UpdateMeter "#CURRENTSECTION#"][!UpdateMeter "MeterProgramImage_17"][!Redraw]

[MeterProgramImage_17]
Meter=Image
ImageName=#@#Images\My Pictures.png
MeterStyle=StyleImage_M+R
LeftMouseUpAction=["C:\Program Files (x86)\Borderless Gaming\BorderlessGaming.exe"]
ToolTipText=Borderlss Gaming
MouseOverAction=[!SetOption #CURRENTSECTION# X "5R"][!SetOption #CURRENTSECTION# Y "-5r"][!SetOption #CURRENTSECTION# W "74"][!SetOption #CURRENTSECTION# H 74][!SetOption MeterProgramImage_18 X "5R"][!SetOption MeterProgramImage_18 Y "5r"][!UpdateMeter "#CURRENTSECTION#"][!UpdateMeter "MeterProgramImage_18"][!Redraw]
MouseLeaveAction=[!SetOption #CURRENTSECTION# X "10R"][!SetOption #CURRENTSECTION# Y "0r"][!SetOption #CURRENTSECTION# W "64"][!SetOption #CURRENTSECTION# H 64][!SetOption MeterProgramImage_18 X "10R"][!SetOption MeterProgramImage_18 Y "0r"][!UpdateMeter "#CURRENTSECTION#"][!UpdateMeter "MeterProgramImage_18"][!Redraw]

[MeterProgramImage_18]
Meter=Image
ImageName=#@#Images\DDDA.png
MeterStyle=StyleImage_M+R
LeftMouseUpAction=["G:\Dragons Dogma\DDDASaveManager.exe"]
ToolTipText=Dragon's Dogma Dark Arisen Save Game Manager
MouseOverAction=[!SetOption #CURRENTSECTION# X "5R"][!SetOption #CURRENTSECTION# Y "-5r"][!SetOption #CURRENTSECTION# W "74"][!SetOption #CURRENTSECTION# H 74][!SetOption MeterLine_3 Y "0R"][!UpdateMeter "#CURRENTSECTION#"][!UpdateMeter "MeterLine_3"][!Redraw]
MouseLeaveAction=[!SetOption #CURRENTSECTION# X "10R"][!SetOption #CURRENTSECTION# Y "0r"][!SetOption #CURRENTSECTION# W "64"][!SetOption #CURRENTSECTION# H 64][!SetOption MeterLine_3 Y "5R"][!UpdateMeter "#CURRENTSECTION#"][!UpdateMeter "MeterLine_3"][!Redraw]

[MeterLine_3]
Meter=Shape
MeterStyle=StyleBar_2


; =============================================================
; ==================		Fourth Row		===================
; =============================================================


[MeterProgramImage_19]
Meter=Image
ImageName=#@#Images\samba.png
MeterStyle=StyleImage_L
LeftMouseUpAction=[Shell:::{BB06C0E4-D293-4f75-8A90-CB05B6477EEE}]
ToolTipText=PC Basic Information
MouseOverAction=[!SetOption #CURRENTSECTION# X "-5r"][!SetOption #CURRENTSECTION# Y "0R"][!SetOption #CURRENTSECTION# W "74"][!SetOption #CURRENTSECTION# H 74][!SetOption MeterProgramImage_20 X "5R"][!SetOption MeterProgramImage_20 Y "5r"][!UpdateMeter "#CURRENTSECTION#"][!UpdateMeter "MeterProgramImage_20"][!Redraw]
MouseLeaveAction=[!SetOption #CURRENTSECTION# X "0r"][!SetOption #CURRENTSECTION# Y "5R"][!SetOption #CURRENTSECTION# W "64"][!SetOption #CURRENTSECTION# H 64][!SetOption MeterProgramImage_20 X "10R"][!SetOption MeterProgramImage_20 Y "0r"][!UpdateMeter "#CURRENTSECTION#"][!UpdateMeter "MeterProgramImage_20"][!Redraw]

[MeterProgramImage_20]
Meter=Image
ImageName=#@#Images\Screensaver.ico
MeterStyle=StyleImage_M+R
LeftMouseUpAction=["C:\Users\TS\Desktop\Screen Saver Settings"]
;LeftMouseUpAction=[Shell:::{ED834ED6-4B5A-4bfe-8F11-A626DCB6A921}]
ToolTipText=Personalization Window
MouseOverAction=[!SetOption #CURRENTSECTION# X "5R"][!SetOption #CURRENTSECTION# Y "-5r"][!SetOption #CURRENTSECTION# W "74"][!SetOption #CURRENTSECTION# H 74][!SetOption MeterProgramImage_21 X "5R"][!SetOption MeterProgramImage_21 Y "5r"][!UpdateMeter "#CURRENTSECTION#"][!UpdateMeter "MeterProgramImage_21"][!Redraw]
MouseLeaveAction=[!SetOption #CURRENTSECTION# X "10R"][!SetOption #CURRENTSECTION# Y "0r"][!SetOption #CURRENTSECTION# W "64"][!SetOption #CURRENTSECTION# H 64][!SetOption MeterProgramImage_21 X "10R"][!SetOption MeterProgramImage_21 Y "0r"][!UpdateMeter "#CURRENTSECTION#"][!UpdateMeter "MeterProgramImage_21"][!Redraw]

[MeterProgramImage_21]
Meter=Image
ImageName=#@#Images\About.png
MeterStyle=StyleImage_M+R
LeftMouseUpAction=["C:\Windows\System32\winver.exe"]
ToolTipText=About Windows
MouseOverAction=[!SetOption #CURRENTSECTION# X "5R"][!SetOption #CURRENTSECTION# Y "-5r"][!SetOption #CURRENTSECTION# W "74"][!SetOption #CURRENTSECTION# H 74][!SetOption MeterProgramImage_22 X "5R"][!SetOption MeterProgramImage_22 Y "5r"][!UpdateMeter "#CURRENTSECTION#"][!UpdateMeter "MeterProgramImage_22"][!Redraw]
MouseLeaveAction=[!SetOption #CURRENTSECTION# X "10R"][!SetOption #CURRENTSECTION# Y "0r"][!SetOption #CURRENTSECTION# W "64"][!SetOption #CURRENTSECTION# H 64][!SetOption MeterProgramImage_22 X "10R"][!SetOption MeterProgramImage_22 Y "0r"][!UpdateMeter "#CURRENTSECTION#"][!UpdateMeter "MeterProgramImage_22"][!Redraw]

[MeterProgramImage_22]
Meter=Image
ImageName=#@#Images\Protection.png
MeterStyle=StyleImage_M+R
LeftMouseUpAction=["C:\Windows\System32\SystemPropertiesProtection.exe"]
ToolTipText=System Protection (Restore)
MouseOverAction=[!SetOption #CURRENTSECTION# X "5R"][!SetOption #CURRENTSECTION# Y "-5r"][!SetOption #CURRENTSECTION# W "74"][!SetOption #CURRENTSECTION# H 74][!SetOption MeterProgramImage_23 X "5R"][!SetOption MeterProgramImage_23 Y "5r"][!UpdateMeter "#CURRENTSECTION#"][!UpdateMeter "MeterProgramImage_23"][!Redraw]
MouseLeaveAction=[!SetOption #CURRENTSECTION# X "10R"][!SetOption #CURRENTSECTION# Y "0r"][!SetOption #CURRENTSECTION# W "64"][!SetOption #CURRENTSECTION# H 64][!SetOption MeterProgramImage_23 X "10R"][!SetOption MeterProgramImage_23 Y "0r"][!UpdateMeter "#CURRENTSECTION#"][!UpdateMeter "MeterProgramImage_23"][!Redraw]

[MeterProgramImage_23]
Meter=Image
ImageName=#@#Images\ComMang.png
MeterStyle=StyleImage_M+R
LeftMouseUpAction=["compmgmt.msc"]
ToolTipText=Computer Management
MouseOverAction=[!SetOption #CURRENTSECTION# X "5R"][!SetOption #CURRENTSECTION# Y "-5r"][!SetOption #CURRENTSECTION# W "74"][!SetOption #CURRENTSECTION# H 74][!SetOption MeterProgramImage_24 X "5R"][!SetOption MeterProgramImage_24 Y "5r"][!UpdateMeter "#CURRENTSECTION#"][!UpdateMeter "MeterProgramImage_24"][!Redraw]
MouseLeaveAction=[!SetOption #CURRENTSECTION# X "10R"][!SetOption #CURRENTSECTION# Y "0r"][!SetOption #CURRENTSECTION# W "64"][!SetOption #CURRENTSECTION# H 64][!SetOption MeterProgramImage_24 X "10R"][!SetOption MeterProgramImage_24 Y "0r"][!UpdateMeter "#CURRENTSECTION#"][!UpdateMeter "MeterProgramImage_24"][!Redraw]

[MeterProgramImage_24]
Meter=Image
ImageName=#@#Images\Chatty.png
MeterStyle=StyleImage_M+R
LeftMouseUpAction=["C:\Program Files (x86)\Chatty\Chatty.exe"]
ToolTipText=Chatty for Twitch
MouseOverAction=[!SetOption #CURRENTSECTION# X "5R"][!SetOption #CURRENTSECTION# Y "-5r"][!SetOption #CURRENTSECTION# W "74"][!SetOption #CURRENTSECTION# H 74][!SetOption MeterLine_4 Y "0R"][!UpdateMeter "#CURRENTSECTION#"][!UpdateMeter "MeterLine_4"][!Redraw]
MouseLeaveAction=[!SetOption #CURRENTSECTION# X "10R"][!SetOption #CURRENTSECTION# Y "0r"][!SetOption #CURRENTSECTION# W "64"][!SetOption #CURRENTSECTION# H 64][!SetOption MeterLine_4 Y "5R"][!UpdateMeter "#CURRENTSECTION#"][!UpdateMeter "MeterLine_4"][!Redraw]

[MeterLine_4]
Meter=Shape
MeterStyle=StyleBar_2


; =============================================================
; ==================		Fifth Row		===================
; =============================================================


;[MeterProgramImage_25] [If starting this row and adding more short cuts, remember to delete the ; and whats within these brackets.]
;Meter=Image
;ImageName=#@#Images\ **Add name of image here, don't forget the extension i.e. png/ico **
;MeterStyle=StyleImage_L
;LeftMouseUpAction= ** Add location path to the program you want to be opened **
;ToolTipText= ** Name of program that will  be showed if hoovering over image **
;
;[MeterProgramImage_26]
;Meter=Image
;ImageName=#@#Images\
;MeterStyle=StyleImage_M+R
;LeftMouseUpAction=
;ToolTipText=
;
;[MeterProgramImage_27]
;Meter=Image
;ImageName=#@#Images\
;MeterStyle=StyleImage_M+R
;LeftMouseUpAction=
;ToolTipText=
;
;[MeterProgramImage_28]
;Meter=Image
;ImageName=#@#Images\
;MeterStyle=StyleImage_M+R
;LeftMouseUpAction=
;ToolTipText=
;
;[MeterProgramImage_29]
;Meter=Image
;ImageName=#@#Images\
;MeterStyle=StyleImage_M+R
;LeftMouseUpAction=
;ToolTipText=
;
;[MeterProgramImage_30]
;Meter=Image
;ImageName=#@#Images\
;MeterStyle=StyleImage_M+R
;LeftMouseUpAction=
;ToolTipText=
;
;[MeterLine_5]
;Meter=Shape
;MeterStyle=StyleBar_2
;

; =============================================================
; ==================		Sixth Row		===================
; =============================================================


;[MeterProgramImage_31]
;Meter=Image
;ImageName=#@#Images\
;MeterStyle=StyleImage_L
;LeftMouseUpAction=
;ToolTipText=
;
;[MeterProgramImage_32]
;Meter=Image
;ImageName=#@#Images\
;MeterStyle=StyleImage_M+R
;LeftMouseUpAction=
;ToolTipText=
;
;[MeterProgramImage_33]
;Meter=Image
;ImageName=#@#Images\
;MeterStyle=StyleImage_M+R
;LeftMouseUpAction=
;ToolTipText=
;
;[MeterProgramImage_34]
;Meter=Image
;ImageName=#@#Images\
;MeterStyle=StyleImage_M+R
;LeftMouseUpAction=
;ToolTipText=
;
;[MeterProgramImage_35]
;Meter=Image
;ImageName=#@#Images\
;MeterStyle=StyleImage_M+R
;LeftMouseUpAction=
;ToolTipText=
;
;[MeterProgramImage_36]
;Meter=Image
;ImageName=#@#Images\
;MeterStyle=StyleImage_M+R
;LeftMouseUpAction=
;ToolTipText=
;
;[MeterLine_6]
;Meter=Shape
;MeterStyle=StyleBar_2


; =============================================================
; ==================		Seventh Row		===================
; =============================================================

; If wanting even more programs, copy all information between Row Six and Seven and pass it here.
; Remember to change the [MeterProgramImage_31] to 32 and so on for each additional image added.
; Also change the [MeterLine_6] to 7 if wanting even more rows, otherwise the rows will not be alligned properly.

Note that if you want to comment out a section (meter or measure), don't comment out just its name. This causes a lot of headache in future, because Rainmeter will add the left options to the previous section existing in the code. Depending on what the previous section is, this will cause a lot of troubles is some circumstances. That's why I commented out everything after the [MeterLine_4] meter.

[Yincognito]

Not sure what all of you are talking about icons of 48 x 48 pixels, because I downloaded the package and the icons into the Skins\Colorfulness - Programs\Programs Launcher\Program Launcher.ini skin are sized to 64 x 64 pixel. Aren't they?

The 64x64 pixel is the "actual"/"maximum" dimensions that the OP has set for his icons in the skin:

As it is set right now, the images are between 128x128 and up to 512x512, but they being adjusted with W=64 and H=64. Only way I got it to work with enlarging the images on hover over was by making the image to a native 48x48, then another at 64x64 for when hovering over it.

That's why I made the "unhovered" icons smaller, at 48x48: so that the other elements don't have to be moved around when icons grow bigger on hover (since they'll be 64x64, without messing how the other elements are positioned or sized). The 74x74 size you (balala) set for their "big size" take a bit from the "padding" or relative positioning that they have set on them, if I'm not mistaken.

That being said, your (balala) final product works perfectly. I was just clarifying your confusion on the 48x48 vs 64x64 image sizes - hopefully you understood what I was talking about.

[balala]

That being said, your (balala) final product works perfectly. I was just clarifying your confusion on the 48x48 vs 64x64 image sizes - hopefully you understood what I was talking about.

Thanks.

[Yincognito]

Thanks.

You're welcome. By the way, the CPU usage jumps a lot when hovering / resizing the icons in quick succession. I think this would have happened even in a hypotetical version of mine of the skin. Any ideas on how to reduce that CPU usage? Maybe that's because the original image files are already quite big in terms of resolution?

EDIT: Just saw that you're not only modifying the position and size of the current (hovered) image, but also the position of its successor meter. I think that adds to the CPU work as well. In my scenario / version, this wouldn't need to be done, although I'm not sure whether that would represent a significant gain in lowering the CPU usage or not, since, as jsmorley said, the meter update itself is not CPU intensive, only the redraw bang (and that's something it can't be avoided anyway)...

[balala]

Any ideas on how to reduce that CPU usage? Maybe that's because the original image files are already quite big in terms of resolution?

I'd try to resize the images to the "native" size, so to 64 x 64 pixels. If you do this, the images don't have to be resized and I suppose this would reduce the CPU usage.
But didn't try this out.

[Yincognito]

I'd try to resize the images to the "native" size, so to 64 x 64 pixels. If you do this, the images don't have to be resized and I suppose this would reduce the CPU usage.
But didn't try this out.

That's fine - you don't have to. I was just talking from an optimization point of view, exploring the reasons behind that behavior - that's all.