It is currently March 29th, 2024, 12:46 pm

Help With making a skin

Get help with creating, editing & fixing problems with skins
koutamarto
Posts: 4
Joined: December 23rd, 2016, 5:53 am

Help With making a skin

Post by koutamarto »

Hi There
Im wanting to make a skin for launching games. I see there are a few of these around already but wanted to make one for myself.
Basically I want to use cover art and have the the game covers in a row which I can do. However what I want it to do is when you hover over a cover it will "pop out" or expand (not sure what terminology u would use)
I have figured out how to change the image when hovered over but cant figure this one out yet.
Is anyone able to tell me if it is possible and if So how I could do it please?

Cheers
User avatar
sephirotess
Posts: 332
Joined: December 8th, 2016, 6:45 am

Re: Help With making a skin

Post by sephirotess »

Hello,

I do not know if it's what you want, but you can use something like that:

Code: Select all

[Rainmeter]
Update=-1

[Image]
Meter=Image
ImageName=game.png
X=
Y=
H=40
W=40
LeftMouseUpAction=["path of the game"]
Tooltiptext=name of the game
AntiAlias=1
ToolTipType=1
MouseOverAction=[!SetOption #CURRENTSECTION# W 50][!SetOption #CURRENTSECTION# H 50][!UpdateMeter #CURRENTSECTION#][!Redraw]
MouseLeaveAction=[!SetOption #CURRENTSECTION# W 40][!SetOption #CURRENTSECTION# H 40][!UpdateMeter #CURRENTSECTION#][!Redraw]


When the mouse moves over the image, the size automatically changes. It's just an example and a system that I use.


Or, if I don't understand you have that:

Code: Select all

[Rainmeter]
Update=-1

[Variables]
IM1=#@#Images\1.png
IM2=#@#Images\2.png


[Image]
Meter=Image
ImageName=#IM1#
X=
Y=
H=40
W=40
LeftMouseUpAction=["path of the game"]
Tooltiptext=name of the game
AntiAlias=1
ToolTipType=1
MouseLeaveAction=[!SetOption Image ImageName "#IM1#"][!UpdateMeter #CURRENTSECTION#][!Redraw]
MouseOverAction=[!SetOption Image ImageName "#IM2#"][!UpdateMeter #CURRENTSECTION#][!Redraw]
When the mouse moves over, the second image replaces the first.


I hope to have answered your question and not be off topic (as usual) :o.
koutamarto
Posts: 4
Joined: December 23rd, 2016, 5:53 am

Re: Help With making a skin

Post by koutamarto »

sephirotess wrote:Hello,

I do not know if it's what you want, but you can use something like that:

Code: Select all

[Rainmeter]
Update=-1

[Image]
Meter=Image
ImageName=game.png
X=
Y=
H=40
W=40
LeftMouseUpAction=["path of the game"]
Tooltiptext=name of the game
AntiAlias=1
ToolTipType=1
MouseOverAction=[!SetOption #CURRENTSECTION# W 50][!SetOption #CURRENTSECTION# H 50][!UpdateMeter #CURRENTSECTION#][!Redraw]
MouseLeaveAction=[!SetOption #CURRENTSECTION# W 40][!SetOption #CURRENTSECTION# H 40][!UpdateMeter #CURRENTSECTION#][!Redraw]


When the mouse moves over the image, the size automatically changes. It's just an example and a system that I use.


Or, if I don't understand you have that:

Code: Select all

[Rainmeter]
Update=-1

[Variables]
IM1=#@#Images\1.png
IM2=#@#Images\2.png


[Image]
Meter=Image
ImageName=#IM1#
X=
Y=
H=40
W=40
LeftMouseUpAction=["path of the game"]
Tooltiptext=name of the game
AntiAlias=1
ToolTipType=1
MouseLeaveAction=[!SetOption Image ImageName "#IM1#"][!UpdateMeter #CURRENTSECTION#][!Redraw]
MouseOverAction=[!SetOption Image ImageName "#IM2#"][!UpdateMeter #CURRENTSECTION#][!Redraw]
When the mouse moves over, the second image replaces the first.


I hope to have answered your question and not be off topic (as usual) :o.
Thanks my Man. that is perfect.
One other thing if you can help. Is it possible that when the Cover expands for it to either move the other icons over or to make it appear over the top of the ones next to it?
User avatar
sephirotess
Posts: 332
Joined: December 8th, 2016, 6:45 am

Re: Help With making a skin

Post by sephirotess »

Maybe you can try something like this. It's not perfect, just a little example:

Code: Select all

[Rainmeter]
Update=-1

[Variables]
IM1=#@#Images\1.png
IM2=#@#Images\2.png

[Image1]
Meter=Image
ImageName=#IM1#
Y=2
W=30
H=30
LeftMouseUpAction=["path of the game"]
Tooltiptext=name of the game
AntiAlias=1
ToolTipType=1
MouseOverAction=[!SetOption #CURRENTSECTION# W 40][!SetOption #CURRENTSECTION# H 40][!SetOption Image2 X "(Clamp([Image2:X]+5,50,90))"][!UpdateMeter #CURRENTSECTION#][!UpdateMeter Image2][!Redraw]
MouseLeaveAction=[!SetOption #CURRENTSECTION# W 30][!SetOption #CURRENTSECTION# H 30][!SetOption Image2 X "35r"][!UpdateMeter #CURRENTSECTION#][!UpdateMeter Image2][!Redraw]

[Image2]
Meter=Image
ImageName=#IM2#
X=35r
Y=r
W=30
H=30
LeftMouseUpAction=["path of the game"]
Tooltiptext=name of the game
AntiAlias=1
ToolTipType=1
MouseOverAction=[!SetOption #CURRENTSECTION# W 40][!SetOption #CURRENTSECTION# H 40][!UpdateMeter #CURRENTSECTION#][!Redraw]MouseLeaveAction=[!SetOption #CURRENTSECTION# W 30][!SetOption #CURRENTSECTION# H 30][!UpdateMeter #CURRENTSECTION#][!Redraw]
koutamarto
Posts: 4
Joined: December 23rd, 2016, 5:53 am

Re: Help With making a skin

Post by koutamarto »

perfect thankyou!
User avatar
sephirotess
Posts: 332
Joined: December 8th, 2016, 6:45 am

Re: Help With making a skin

Post by sephirotess »

You're welome :welcome:.