Merging skins

Jabir · Post by **Jabir** » March 20th, 2021, 6:25 pm

You see, I wanted to combine the default 3 System, Disks, and Network skins into one skin, this is how far I came ⤵

Ultimate System Rainmeter.png

Could anyone tell me how can I get the Disks and Network meter titles to show up there as well? I tried a lot with my insufficient knowledge, but I need your help now.
Ask me anything you need to know.

Thanks in advance.

Post by **balala** » March 20th, 2021, 6:52 pm

Jabir wrote: ↑March 20th, 2021, 6:25 pm Could anyone tell me how can I get the Disks and Network meter titles to show up there as well?

You can easily add those titles (Disks and Network), however it's a little bit harder (but probably not impossible) to add the darker backgrounds, which you have in the original skins for all those titles. Those darker backgrounds are belonging to the background image, used by those skins. If you want to see what am I talking about, check the illustro\@Resources\Background.png file, which is used by all skins belonging to the illustro package.
However first please post the code you have so far. A such darker background, even if not extremely easy to be created, is not impossible (as said above), but the code you have would be nice.

Jabir · Post by **Jabir** » March 21st, 2021, 12:46 am

balala wrote: ↑March 20th, 2021, 6:52 pm However first please post the code you have so far.

Guess I should've given the code beforehand.
Btw, I just copy-pasted the 3 different codes together, so things may look a bit complicated/unorganized.

Code: Select all

[Rainmeter]
Update=1000
Background=#@#Background.png
BackgroundMode=3
BackgroundMargins=0,34,0,14

[Metadata]
Name=Ultimate System
Author=Jabir
Information=Displays basic system stats and a lot.
License=Creative Commons BY-NC-SA 3.0
Version=1.0.0

[Variables]
fontName=Trebuchet MS
textSize=8
colorBar=45,145,100,255
colorText=255,255,255,205

disk1=C:
disk2=D:
disk3=G:
disk4=R:

maxDownload=10485760
MaxUpload=10485760

; ----------------------------------
; MEASURES return some kind of value
; ----------------------------------

[measureCPU]
Measure=CPU
Processor=0

[measureRAM]
Measure=PhysicalMemory
UpdateDivider=20

[measureSWAP]
Measure=SwapMemory
UpdateDivider=20

[MeasureBatteryPercent]
Measure=Plugin
Plugin=PowerPlugin
PowerState=Percent
; ..........................................
[measureTotalDisk1]
Measure=FreeDiskSpace
Drive=#disk1#
Total=1
UpdateDivider=120

[measureUsedDisk1]
Measure=FreeDiskSpace
Drive=#disk1#
InvertMeasure=0
UpdateDivider=120
[measureUsedDisk10]
Measure=FreeDiskSpace
Drive=#disk1#
InvertMeasure=1
UpdateDivider=120

[measureTotalDisk2]
Measure=FreeDiskSpace
Drive=#disk2#
Total=1
UpdateDivider=120

[measureUsedDisk2]
Measure=FreeDiskSpace
Drive=#disk2#
InvertMeasure=0
UpdateDivider=120
[measureUsedDisk20]
Measure=FreeDiskSpace
Drive=#disk2#
InvertMeasure=1
UpdateDivider=120

[measureTotalDisk3]
Measure=FreeDiskSpace
Drive=#disk3#
Total=1
UpdateDivider=120

[measureUsedDisk3]
Measure=FreeDiskSpace
Drive=#disk3#
InvertMeasure=0
UpdateDivider=120
[measureUsedDisk30]
Measure=FreeDiskSpace
Drive=#disk3#
InvertMeasure=1
UpdateDivider=120

[measureTotalDisk4]
Measure=FreeDiskSpace
Drive=#disk4#
Total=1
UpdateDivider=120

[measureUsedDisk4]
Measure=FreeDiskSpace
Drive=#disk4#
InvertMeasure=0
UpdateDivider=120
[measureUsedDisk40]
Measure=FreeDiskSpace
Drive=#disk4#
InvertMeasure=1
UpdateDivider=120
; ..........................................
[measureIP]
Measure=Plugin
Plugin=WebParser
URL=https://checkip.amazonaws.com/
UpdateRate=14400
RegExp=(?siU)^(.*)$
StringIndex=1
Substitute="":"N/A"

[measureNetIn]
Measure=NetIn
NetInSpeed=#maxDownload#

[measureNetOut]
Measure=NetOut
NetOutSpeed=#maxUpload#

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

[styleTitle]
StringAlign=Center
StringCase=Upper
StringStyle=Bold
StringEffect=Shadow
FontEffectColor=0,0,0,50
FontColor=#colorText#
FontFace=#fontName#
FontSize=10
AntiAlias=1
ClipString=1

[styleLeftText]
StringAlign=Left
StringCase=None
StringStyle=Bold
StringEffect=Shadow
FontEffectColor=0,0,0,20
FontColor=#colorText#
FontFace=#fontName#
FontSize=#textSize#
AntiAlias=1
ClipString=1

[styleRightText]
StringAlign=Right
StringCase=None
StringStyle=Bold
StringEffect=Shadow
FontEffectColor=0,0,0,20
FontColor=#colorText#
FontFace=#fontName#
FontSize=#textSize#
AntiAlias=1
ClipString=1

[styleBar]
BarColor=#colorBar#
BarOrientation=HORIZONTAL
SolidColor=255,255,255,15

[styleSeperator]
SolidColor=255,255,255,15

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

[meterTitle]
Meter=String
MeterStyle=styleTitle
X=100
Y=12
W=190
H=18
Text=System
LeftMouseUpAction=["taskmgr.exe"]
ToolTipText=Open Task Manager

[meterLabelCPU]
Meter=String
MeterStyle=styleLeftText
X=10
Y=40
W=190
H=14
Text=CPU Usage

[meterValueCPU]
Meter=String
MeterStyle=styleRightText
MeasureName=measureCPU
X=200
Y=0r
W=190
H=14
Text=%1%

[meterBarCPU]
Meter=Bar
MeterStyle=styleBar
MeasureName=measureCPU
X=10
Y=52
W=190
H=1

[meterLabelRAM]
Meter=String
MeterStyle=styleLeftText
X=10
Y=60
W=190
H=14
Text=RAM Usage

[meterValueRAM]
Meter=String
MeterStyle=styleRightText
MeasureName=measureRAM
X=200
Y=0r
W=190
H=14
Text=%1%
Percentual=1

[meterBarRAM]
Meter=Bar
MeterStyle=styleBar
MeasureName=measureRAM
X=10
Y=72
W=190
H=1

[meterLabelSWAP]
Meter=String
MeterStyle=styleLeftText
X=10
Y=80
W=190
H=14
Text=SWAP Usage

[meterValueSWAP]
Meter=String
MeterStyle=styleRightText
MeasureName=measureSWAP
X=200
Y=0r
W=190
H=14
Text=%1%
Percentual=1

[meterBarSWAP]
Meter=Bar
MeterStyle=styleBar
MeasureName=measureSWAP
X=10
Y=92
W=190
H=1

[meterBatteryPercent]
Meter=String
MeterStyle=styleLeftText
MeasureName=MeasureBatteryPercent
X=10
Y=100
W=190
H=14
Text=Battery Life

[meterValueBATTERYLIFE]
Meter=String
MeterStyle=styleRightText
MeasureName=MeasureBatteryPercent
X=200
Y=0r
W=190
H=14
Text=%1%

[meterBarBatteryPercent]
Meter=Bar
MeterStyle=styleBar
MeasureName=MeasureBatteryPercent
X=10
Y=112
W=190
H=1
; ..........................................
[meterTitle]
Meter=String
MeterStyle=styleTitle
X=100
Y=132
W=190
H=18
Text=Disks

[meterLabelDisk1]
Meter=String
MeterStyle=styleLeftText
X=10
Y=180
W=190
H=14
Text=#disk1#\

[meterValueDisk1]
Meter=String
MeterStyle=styleRightText
MeasureName=measureUsedDisk1
MeasureName2=measureTotalDisk1
X=200
Y=0r
W=190
H=14
Text=%1B/%2B free
NumOfDecimals=1
AutoScale=1
LeftMouseUpAction=["#disk1#\"]

[meterBarDisk1]
Meter=Bar
MeterStyle=styleBar
MeasureName=measureUsedDisk10
X=10
Y=192
W=190
H=1

[meterLabelDisk2]
Meter=String
MeterStyle=styleLeftText
X=10
Y=200
W=190
H=14
Text=#disk2#\
LeftMouseUpAction=["#disk2#\"]

[meterValueDisk2]
Meter=String
MeterStyle=styleRightText
MeasureName=measureUsedDisk2
MeasureName2=measureTotalDisk2
X=200
Y=0r
W=190
H=14
Text=%1B/%2B free
NumOfDecimals=1
AutoScale=1

[meterBarDisk2]
Meter=Bar
MeterStyle=styleBar
MeasureName=measureUsedDisk20
X=10
Y=212
W=190
H=1

[meterLabelDisk3]
Meter=String
MeterStyle=styleLeftText
X=10
Y=220
W=190
H=14
Text=#disk3#\
LeftMouseUpAction=["#disk3#\"]

[meterValueDisk3]
Meter=String
MeterStyle=styleRightText
MeasureName=measureUsedDisk3
MeasureName2=measureTotalDisk3
X=200
Y=0r
W=190
H=14
Text=%1B/%2B free
NumOfDecimals=1
AutoScale=1

[meterBarDisk3]
Meter=Bar
MeterStyle=styleBar
MeasureName=measureUsedDisk30
X=10
Y=232
W=190
H=1

[meterLabelDisk4]
Meter=String
MeterStyle=styleLeftText
X=10
Y=240
W=190
H=14
Text=#disk4#\
LeftMouseUpAction=["#disk4#\"]

[meterValueDisk4]
Meter=String
MeterStyle=styleRightText
MeasureName=measureUsedDisk4
MeasureName2=measureTotalDisk4
X=200
Y=0r
W=190
H=14
Text=%1B/%2B free
NumOfDecimals=1
AutoScale=1

[meterBarDisk4]
Meter=Bar
MeterStyle=styleBar
MeasureName=measureUsedDisk40
X=10
Y=252
W=190
H=1
; ..........................................
[meterTitle]
Meter=String
MeterStyle=styleTitle
X=100
Y=262
W=190
H=18
Text=Network
LeftMouseUpAction=["ms-settings:network-dialup"]
ToolTipText=Dial-up Conections

[meterIPLabel]
Meter=String
MeterStyle=styleLeftText
X=10
Y=310
W=190
H=14
Text=IP Address

[meterIPValue]
Meter=String
MeterStyle=styleRightText
MeasureName=measureIP
X=200
Y=0r
W=190
H=14
Text=%1

[meterSeperator]
Meter=Image
MeterStyle=styleSeperator
X=10
Y=322
W=190
H=1

[meterUploadLabel]
Meter=String
MeterStyle=styleLeftText
X=10
Y=330
W=190
H=14
Text=Upload

[meterUploadValue]
Meter=String
MeterStyle=styleRightText
MeasureName=measureNetOut
X=200
Y=0r
W=190
H=14
Text=%1B/s
NumOfDecimals=1
AutoScale=1

[meterUploadBar]
Meter=Bar
MeterStyle=styleBar
MeasureName=measureNetOut
X=10
Y=342
W=190
H=1

[meterDownloadLabel]
Meter=String
MeterStyle=styleLeftText
X=10
Y=350
W=190
H=14
Text=Download

[meterDownloadValue]
Meter=String
MeterStyle=styleRightText
MeasureName=measureNetIn
X=200
Y=0r
W=190
H=14
Text=%1B/s
NumOfDecimals=1
AutoScale=1

[meterDownloadBar]
Meter=Bar
MeterStyle=styleBar
MeasureName=measureNetIn
X=10
Y=362
W=190
H=1
; ..........................................

Post by **balala** » March 21st, 2021, 7:40 pm

Jabir wrote: ↑March 21st, 2021, 12:46 am Guess I should've given the code beforehand.
Btw, I just copy-pasted the 3 different codes together, so things may look a bit complicated/unorganized.

In your code there are three meters, all named [meterTitle]. This is not possible in Rainmeter skins (in fact in none .ini formated file, regardless if it's a Rainmeter skin file or any other), all sections have to have distinct names. So rename for instance the second [meterTitle] as [meterTitle2] (the one with the Text = Disks option) and the third as [meterTitle3] (the one which has the Text=Network option). Obviously you can use any other, so far not used names, just make sure they are not already used.
There are some positioning problems with these titles, I'd move them a little bit downstears, but otherwise the code is correct, with no errors in the log. If you did all this by yourself as a beginner (which I guess you are), well, congratulations, has been a good job.
As said, I'd try to increase the Y values of the previously mentioned second and third [meterTitle] meters (renamed as [meterTitle2] and [meterTitle3], or whatever else you used), to get them better positioned, closer to the next meters and further of the previous ones. But this is only a design problem, the skin works well.

Jabir · Post by **Jabir** » March 22nd, 2021, 11:40 am

First of all, Thank you for your help.

balala wrote: ↑March 21st, 2021, 7:40 pmIn your code there are three meters, all named [meterTitle].

That was a silly mistake on my part. I made sure to change all the same-named titles, variables, and stuff, guess those meterTitles got past me.

balala wrote: ↑March 21st, 2021, 7:40 pmThere are some positioning problems with these titles,
If you did all this by yourself as a beginner (which I guess you are), well, congratulations, has been a good job.

I knew there will be positioning problems. But, because I couldn't see the meter titles, I couldn't fix those. I will do that later.

And, in case of Rainmeter, I am still a beginner

balala wrote: ↑March 20th, 2021, 6:52 pmYou can easily add those titles (Disks and Network), however it's a little bit harder (but probably not impossible) to add the darker backgrounds, which you have in the original skins for all those titles.

About those darker backgrounds around the titles Disk and Network, Only the first one, which is the System title, got a darker background. Is it possible to add darker background around other meter titles as well?

Ultimate System Rainmeter 2.png

Just changed the bg to see the skin well

Post by **balala** » March 22nd, 2021, 7:06 pm

Jabir wrote: ↑March 22nd, 2021, 11:40 am I knew there will be positioning problems. But, because I couldn't see the meter titles, I couldn't fix those. I will do that later.
And, in case of Rainmeter, I am still a beginner

About those darker backgrounds around the titles Disk and Network, Only the first one, which is the System title, got a darker background. Is it possible to add darker background around other meter titles as well?

For instance for both the above problems (the positioning and the black backgrounds) modify the [meterTitle2] and [meterTitle3] meter as it follows:

Code: Select all

[meterTitle2]
Meter=String
MeterStyle=styleTitle
X=104
Y=156
StringAlign=CenterCenter
W=196
H=28
Text=Disks
SolidColor=0,0,0,80

...

[meterTitle3]
Meter=String
MeterStyle=styleTitle
X=104
Y=286
W=196
H=28
Text=Network
LeftMouseUpAction=["ms-settings:network-dialup"]
ToolTipText=Dial-up Conections
StringAlign=CenterCenter
SolidColor=0,0,0,80

See the newly added SolidColor and StringAlign options and the replaced X, Y, W and H options. In fact StringAlign is set in the [styleTitle] section to StringAlign=Center, but I added new StringAlign=CenterCenter options on the meters, to align them differently. Obviously you can experiment your own values for Y, the above is just a quick solution.

Jabir · Post by **Jabir** » March 23rd, 2021, 10:10 am

balala wrote: ↑March 22nd, 2021, 7:06 pmSee the newly added SolidColor and StringAlign options and the replaced X, Y, W and H options. In fact StringAlign is set in the [styleTitle] section to StringAlign=Center, but I added new StringAlign=CenterCenter options on the meters, to align them differently. Obviously you can experiment your own values for Y, the above is just a quick solution.

I see, so, the SolidColor=0,0,0,80 gives me the darker backgrounds and the StringAlign=CenterCenter corrects the positioning.

Thanks for that though I am going to change the values of Y, the current one is a bit separated, at least for me.

What do you think of this one?

Screenshot (2697).png

Post by **balala** » March 23rd, 2021, 5:03 pm

Jabir wrote: ↑March 23rd, 2021, 10:10 am though I am going to change the values of Y, the current one is a bit separated, at least for me.

Yes, this was my idea, to get them a little bit separated. But if you don't like it, you can experimenting, varying a little bit the values of the Y options, to get the positions which are most liked by you.

Jabir wrote: ↑March 23rd, 2021, 10:10 am What do you think of this one?Screenshot (2697).png

Looks good, but you are the one who should like it. If it's alright for you, it's good.

Merging skins

Merging skins

Re: Merging skins

Re: Merging skins

Re: Merging skins

Re: Merging skins

Re: Merging skins

Re: Merging skins

Re: Merging skins