Hello I just started using rainmeter so I'm not too familiar with the coding aspect. Im trying to shrink the black border on my clock but I'm not sure on how to do so. If I shrink the borders in the BackgroundMargins section it does shrink but there's a small gap if I try to put it in the top right corner. I even shrunk the background image but that didn't really change anything
; Lines starting ; (semicolons) are commented out.
; That is, they do not affect the code and are here for demonstration purposes only.
; ----------------------------------
[Rainmeter]
; This section contains general settings that can be used to change how Rainmeter behaves.
Update=1000
Background=#@#Background.jpg
; #@# is equal to Rainmeter\Skins\illustro\@Resources
BackgroundMode=3
BackgroundMargins=0,0,0,0
[Metadata]
; Contains basic information of the skin.
Name=Clock
Author=poiru
Information=Displays the current date and time.
License=Creative Commons BY-NC-SA 3.0
Version=1.0.0
[Variables]
; Variables declared here can be used later on between two # characters (e.g. #MyVariable#).
fontName=Trebuchet MS
textSize=8
colorBar=235,170,0,255
colorText=255,255,255,205
; ----------------------------------
; MEASURES return some kind of value
; ----------------------------------
[measureTime]
; This measure returns the time in a 24-hour format (i.e. HH:MM).
Measure=Time
Format=%I:%M %p
TimeZone=-7
; For a 12-hour clock, change the Format option above to: %I:%M %p
; Refer to the Rainmeter manual for other format codes.
[measureTime2]
; This measure returns the time in a 24-hour format (i.e. HH:MM).
Measure=Time
Format=%I:%M %p
; For a 12-hour clock, change the Format option above to: %I:%M %p
; Refer to the Rainmeter manual for other format codes.
[measureDate]
; Returns the date as DD.MM.YYYY
Measure=Time
Format=%B/%d/%Y
[measureDate2]
; Returns the date as DD.MM.YYYY
Measure=Time
Format=%m/%d/%Y
[measureDate3]
; Returns the date as DD.MM.YYYY
Measure=Time
Format=%B/%d/%Y
TimeZone=-7
[measureDate4]
; Returns the date as DD.MM.YYYY
Measure=Time
Format=%m/%d/%Y
TimeZone=-7
[measureDay]
; Returns the current day
Measure=Time
Format=%A
TimeZone=-7
[measureDay2]
; Returns the current day
Measure=Time
Format=%A
; ----------------------------------
; 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
; Meters using styleLeftText will be left-aligned.
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
; ----------------------------------
; METERS display images, text, bars, etc.
; ----------------------------------
[MeterTitle]
Meter=String
MeterStyle=styleTitle
X=100
Y=12
Text="ARIZONA"
[MeterTitle2]
Meter=String
MeterStyle=styleTitle
X=100
Y=85
Text="MANILA"
[meterTime]
Meter=String
MeterStyle=styleTitle
; Using MeterStyle=styleTitle will basically "copy" the
; contents of the [styleTitle] section here during runtime.
MeasureName=measureTime
X=100
Y=30
W=190
H=18
Text=%1
; %1 stands for the value of MeasureName (measureTime in this case).
[meterTime2]
Meter=String
MeterStyle=styleTitle
; Using MeterStyle=styleTitle will basically "copy" the
; contents of the [styleTitle] section here during runtime.
MeasureName=measureTime2
X=100
Y=105
W=190
H=18
Text=%1
; %1 stands for the value of MeasureName (measureTime in this case).
[meterDay]
Meter=String
MeterStyle=styleLeftText
MeasureName=measureDay
X=80
Y=50
W=190
H=14
Text=%1
[meterDay2]
Meter=String
MeterStyle=styleLeftText
MeasureName=measureDay2
X=80
Y=125
W=190
H=14
Text=%1
[meterDate]
Meter=String
MeterStyle=styleRightText
MeasureName=measureDate
X=200
Y=140
W=190
H=14
Text=%1
[meterDate2]
Meter=String
MeterStyle=styleRightText
MeasureName=measureDate2
X=100
Y=140
W=190
H=14
Text=%1
[meterDate3]
Meter=String
MeterStyle=styleRightText
MeasureName=measureDate3
X=200
Y=65
W=190
H=14
Text=%1
[meterDate4]
Meter=String
MeterStyle=styleRightText
MeasureName=measureDate4
X=100
Y=65
W=190
H=14
Text=%1
Last edited by balala on October 26th, 2024, 8:02 pm, edited 1 time in total.
Reason:Please use <code> tags whenever are you posting codes. It's the </> button.
weird_paprika wrote: ↑October 30th, 2024, 4:07 pm
That does move the position of the text but sadly the black box still remains the same size. Should I just resize the background.jpg?
No, at all. If you apply what Rooky_89 has described, the background (the black box, I assume) is narrows little bit, but the strings don't move.
To be honest I'm not sure I understand what would you like to get. What do you mean by "shrink the black border"? What would you like to resize?
Additional note: I JUST assume the @Resources\Background.jpg should be the background image of the illustro package, which is the default skin suite coming with Rainmeter when you install it. But the background of that suit is Background.png, not Background.jpg. Even if .jpg images can be used as well, they have a few disadvantages. The most important is that the .jpg images can't have transparent parts, what a .png can have.
If I'm not correct and you are using another image than the background of the illustro suite, upload it here as well, please, because without it, you can't get proper help.
weird_paprika wrote: ↑October 26th, 2024, 6:53 pm
Hello I just started using rainmeter so I'm not too familiar with the coding aspect. Im trying to shrink the black border on my clock but I'm not sure on how to do so.
If you meant reduce the VERTICAL black borders to the left and right sides of the text (try to be specific and precise in your description, we cannot guess everything from a general request for help), what you need to do is:
- proportionally decrease the values of X in every meter
- proportionally decrease the values of W in every meter
Basically, shift / offset everything a little bit to the left (to reduce the left side space) and reduce every width where present and needed (to reduce the right side space). The background should adjust automatically to the largest X+W in your meters if you add DynamicWindowSize=1 to the [Rainmeter] section of your skin.
By proportionally I mean using the same ratio in every case, e.g. if you reduce the X of one meter from 100 to 75 (for 3/4 of its original X), you'll also reduce the X of another meter from 200 to 150 (for the same 3/4 of its original X) - and probably the same for the W values. The 100 and 200 as well as the 3/4 ratio are just examples of arbitrary X values on your meters and the rate you want them to "shrink" by, they can be anything.
Yincognito wrote: ↑October 31st, 2024, 9:48 am
If you meant reduce the VERTICAL black borders to the left and right sides of the text (try to be specific and precise in your description, we cannot guess everything from a general request for help), what you need to do is:
- proportionally decrease the values of X in every meter
- proportionally decrease the values of W in every meter
Basically, shift / offset everything a little bit to the left (to reduce the left side space) and reduce every width where present and needed (to reduce the right side space). The background should adjust automatically to the largest X+W in your meters if you add DynamicWindowSize=1 to the [Rainmeter] section of your skin.
By proportionally I mean using the same ratio in every case, e.g. if you reduce the X of one meter from 100 to 75 (for 3/4 of its original X), you'll also reduce the X of another meter from 200 to 150 (for the same 3/4 of its original X) - and probably the same for the W values. The 100 and 200 as well as the 3/4 ratio are just examples of arbitrary X values on your meters and the rate you want them to "shrink" by, they can be anything.
Sorry that I didnt add more details. Basically I just want to make the black box smaller horizontally and leave the vertical size alone. Same with the texts I'd like to leave them the way they are but if I need to move them around to shrink the box horizontally thats fine too
balala wrote: ↑October 30th, 2024, 8:15 pm
No, at all. If you apply what Rooky_89 has described, the background (the black box, I assume) is narrows little bit, but the strings don't move.
To be honest I'm not sure I understand what would you like to get. What do you mean by "shrink the black border"? What would you like to resize?
Additional note: I JUST assume the @Resources\Background.jpg should be the background image of the illustro package, which is the default skin suite coming with Rainmeter when you install it. But the background of that suit is Background.png, not Background.jpg. Even if .jpg images can be used as well, they have a few disadvantages. The most important is that the .jpg images can't have transparent parts, what a .png can have.
If I'm not correct and you are using another image than the background of the illustro suite, upload it here as well, please, because without it, you can't get proper help.
I'd like to make the black box smaller horizontally and leave the vertical size and texts alone if possible. Sorry that I wasnt more specific
I did change the background picture. I Just resized it before saving then replaced the image in the Resources folder. I'll try to change the background image, the one im using could have a white border that I havent noticed.
weird_paprika wrote: ↑October 31st, 2024, 4:44 pmSorry that I didnt add more details. Basically I just want to make the black box smaller horizontally and leave the vertical size alone. Same with the texts I'd like to leave them the way they are but if I need to move them around to shrink the box horizontally thats fine too
That's precisely what I described as well. You need to reduce the X and the W of all meters from the skin. And, yes, you'd also need to resize the background image to a narrower width.
weird_paprika wrote: ↑October 31st, 2024, 4:46 pm
I'd like to make the black box smaller horizontally and leave the vertical size and texts alone if possible.
Sorry, but me personally don't think this is a good idea. Here is why: the following is what I get with the original code you've posted:
Captură de ecran 2024-10-31 202218.png
Reducing little bit the width seems ok, however leaving its height doesn't make sense in my opinion (see the text going below the background in the above screenshot).
In any case I'd try something like these:
See that I replaced your Background=#@#Background.jpg option by what I think is the needed Background: Background=#@#Background.png. You obviously can put back your .jpg extension if the image you are using is a .jpg, this doesn't really has anything to do with how are you altering the size of the image. Just make sure you are using the right extension, matching the extension of the existing image.
You do not have the required permissions to view the files attached to this post.