Skin Clipping PLEASE HELP (SOLVED)

[NeefoPlays]

This skin that I customized won't show the rest of the skin. Can anyone help me???

Untitled.png

Here is the code:

Code: Select all

[Rainmeter]
Update=1000
Author=Seahorse
Update=1000
BackgroundMode=2
SolidColor=0,0,0,1
Blur=1
BlurRegion=2,0,0,210,60,15

[Metadata]
Name=Cobalt 
Config=Cobalt | System | Clock | Weather
Description=Digital widget
Instructions=Edit the variables to match your system as per adjacent comments.
Version=1.0

[Variables]

;White
Colour1=255,255,255,255
;Blue Solid
Colour2=0,223,223,255
;Blue 50% Trans
Colour3=0,223,223,175


;===============================================================================================
;Measures/Meters
;===============================================================================================

[Measure12HrTime]
Measure=Time
Format=%#I:%M

[MeasureSeconds]
Measure=Time
Format=%#S

[MeasureTimeP1]
Measure=Calc
Formula=MeasureSeconds
MinValue=0
MaxValue=59

[Meter12hrTime]
Meter=String
MeasureName=Measure12HrTime
X=105
Y=50
W=210
H=85
FontSize=95
FontColor=#Colour1#
FontFace=Aovel Sans
StringAlign=CENTER
AntiAlias=1

[MeterSecondsBarBack]
Meter=Image
SolidColor=255,255,255,100
X=10
Y=190
W=190
H=2
StringAlign=CENTER

[MeterSecondsBar]
Meter=Bar
MeasureName=MeasureTimeP1
BarOrientation=Horizontal
X=10
Y=190
W=190
H=2
Flip=0
AutoScale=1
StringAlign=CENTER
BarImage=ColourBar190.jpg

[jsmorley]

Add DynamicWindowSize=1 to the [Rainmeter] section at the top of the skin.

Also, be sure that when you set StringAlign=Center on a String meter, you set the X of the meter to a "half-way" point that is going to be big enough to allow 1/2 of the largest possible text to expand to the left of that mid-point, and 1/2 to the right. Then be sure that if you are setting a W for the meter, it is big enough to hold the entire string.

[jsmorley]

Here is some code that might get you where you want...

Code: Select all

[Rainmeter]
Update=1000
Author=Seahorse
Update=1000
BackgroundMode=2
SolidColor=0,0,0,1
Blur=1
BlurRegion=2,0,0,210,60,15
DynamicWindowSize=1

[Metadata]
Name=Cobalt 
Config=Cobalt | System | Clock | Weather
Description=Digital widget
Instructions=Edit the variables to match your system as per adjacent comments.
Version=1.0

[Variables]

;White
Colour1=255,255,255,255
;Blue Solid
Colour2=0,223,223,255
;Blue 50% Trans
Colour3=0,223,223,175

;===============================================================================================
;Measures/Meters
;===============================================================================================

[Measure12HrTime]
Measure=Time
Format=%#I:%M

[MeasureSeconds]
Measure=Time
Format=%#S

[MeasureTimeP1]
Measure=Calc
Formula=MeasureSeconds
MinValue=0
MaxValue=59

[Meter12hrTime]
Meter=String
MeasureName=Measure12HrTime
X=160
Y=0
W=320
FontSize=95
FontColor=#Colour1#
FontFace=Aovel Sans
StringAlign=Center
AntiAlias=1

[MeterSecondsBarBack]
Meter=Image
SolidColor=255,255,255,100
X=65
Y=132
W=190
H=2
;StringAlign=CENTER

[MeterSecondsBar]
Meter=Bar
MeasureName=MeasureTimeP1
BarOrientation=Horizontal
X=65
Y=132
W=190
H=2
Flip=0
;AutoScale=1
;StringAlign=CENTER
BarImage=ColourBar190.jpg

1.png

First I set that Time measure's Format to Format=88:88 temporarily so I could see how big the meter needed to be with the widest characters, using your font and FontSize. That worked out to 320 pixels. So I set the W (width) of the String meter to 320, and that tells me the mid-point will be 160, which is what I set the X to. Then StringAlign=Center will center the string on that mid-point, 1/2 to the left and 1/2 to the right.

Then I centered the 190 pixel wide Bar background and BarImage meters on that 320 wide area using an X of 65 (320/2 - 190/2) and everything should be and stay centered nicely.

Note I commented out some options that are not valid where you are using them. In particular, keep in mind that StringAlign is only valid on a String meter, and has no effect on an Image or Bar meter. Also, I don't have your ColourBar190.jpg image file, but do be sure it is actually a size of 190x2, or it's not going to work right in this skin as designed.

As an aside, the lines:

Blur=1
BlurRegion=2,0,0,210,60,15

Will only work on Windows 7. Aero Blur is not supported in Windows 8 and 10.

[NeefoPlays]

THANK YOU SOO MUCH JSMORLEY, this worked out perfectly and thanks for the very early reply.

[jsmorley]

Glad to help.