It is currently March 29th, 2024, 6:47 am

Clock Background Margin Glitched

Get help with creating, editing & fixing problems with skins
Chango Mango
Posts: 3
Joined: March 25th, 2017, 2:18 pm

Clock Background Margin Glitched

Post by Chango Mango »

Title. Want to move the actual numbers as well as the background to the left. the right side and y cords of the bg are perfect.The distance from left edge of bg is perfect as well and preferably it would be the same distance from the right edge. I've gotten this to work when BackgroundMode=1 (transparent), but then it is hard to see the text :/ . Screenshot of the top right hand corner of my computer below.
http://i.imgur.com/gLte13C.png

Source 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.
; ----------------------------------

[Rainmeter]
; This section contains general settings that can be used to change how Rainmeter behaves.
Update=500
; Background=#@#Backshade.png
; #@# is equal to Rainmeter\Skins\illustro\@Resources
BackgroundMode=2
BackgroundMargins=0,0,125,6 ; messing with these moves the bg away from the left
BevelType=1
SolidColor=0,0,0,127.5

[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=12
colorText=255,255,0,255

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

[measureTime]
; This measure returns the time in a 24-hour format (i.e. HH:MM).
Measure=Time
;Format=%H:%M
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.

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

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

[styleLeftText]
StringAlign=Left
; Meters using styleLeftText will be left-aligned.
StringCase=None
StringStyle=Bold
StringEffect=Shadow
FontEffectColor=0,0,0,50
FontColor=#colorText#
FontFace=#fontName#
FontSize=#textSize#
AntiAlias=1
ClipString=1

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

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

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

[meterTitle]
Meter=String
MeterStyle=styleTitle
; Using MeterStyle=styleTitle will basically "copy" the
; contents of the [styleTitle] section here during runtime.
MeasureName=measureTime
X=45
Y=3
W=80
H=16
Text=%1
; %1 stands for the value of MeasureName (measureTime in this case).
User avatar
eclectic-tech
Rainmeter Sage
Posts: 5384
Joined: April 12th, 2012, 9:40 pm
Location: Cedar Point, Ohio, USA

Re: Clock Background Margin Glitched

Post by eclectic-tech »

Not sure what you want to accomplish...

To move the Text & Background to the left, not changing anything else, simply increase the value of 'W' (the width) of [meterTitle]. Changing it from W=80 to W=160 will position the text and background further to the left while not changing anything else. Set the value to suit your desired position.

Code: Select all

[meterTitle]
Meter=String
MeterStyle=styleTitle
; Using MeterStyle=styleTitle will basically "copy" the
; contents of the [styleTitle] section here during runtime.
MeasureName=measureTime
X=45
Y=3
W=160
H=16
Text=%1
; %1 stands for the value of MeasureName (measureTime in this case).
clockwidth.png
You do not have the required permissions to view the files attached to this post.
Chango Mango
Posts: 3
Joined: March 25th, 2017, 2:18 pm

Re: Clock Background Margin Glitched

Post by Chango Mango »

Update: got it, and I feel really stupid. I change BackgroundMargin from 0,0,125,6 to 0,0,5,6 . this moved it away from the left but I just had to change the coordinates of the skin itself to make up for this -_- . As far as eclectic-tech's advice, making the W too small will cut off the text, and I wanted it to be "too small". Thanks for trying!
User avatar
eclectic-tech
Rainmeter Sage
Posts: 5384
Joined: April 12th, 2012, 9:40 pm
Location: Cedar Point, Ohio, USA

Re: Clock Background Margin Glitched

Post by eclectic-tech »

Glad you got it the way you wanted! :welcome:
Chango Mango
Posts: 3
Joined: March 25th, 2017, 2:18 pm

Re: Clock Background Margin Glitched

Post by Chango Mango »

Update 2: After fixing this, I made a cleaner, more compact version. image and sauce below

http://i.imgur.com/XuX9yMg.png

Code: Select all

; 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=500
; Background=#@#Backshade.png
; #@# is equal to Rainmeter\Skins\illustro\@Resources
BackgroundMode=2
BackgroundMargins=0,0,-13,4
BevelType=1
SolidColor=0,0,0,127.5

[Metadata]
; Contains basic information of the skin.
Name=ClockMv
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=12
colorText=255,255,0,255

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

[measureTime]
; This measure returns the time in a 24-hour format (i.e. HH:MM).
Measure=Time
;Format=%H:%M
Format=%I:%M
; For a 12-hour clock, change the Format option above to: %I:%M %p
; Refer to the Rainmeter manual for other format codes.

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

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

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

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

[meterTitle]
Meter=String
MeterStyle=styleTitle
; Using MeterStyle=styleTitle will basically "copy" the
; contents of the [styleTitle] section here during runtime.
MeasureName=measureTime
X=27
Y=1
W=80
H=16
Text=%1
; %1 stands for the value of MeasureName (measureTime in this case).