How to create a 3 button skin with 3 different states?

[alphaprior]

Hello there
I had a look in help but I couldnt understand how to create this:
I want to make a 3 button skin Turn Off - Restart - Logoff
every button must have a different image for up/down/over
and they must be inside a single box
like a single button but only the icons will change

For aesthetic purposes it would be best if I could create 3 different images that sit tight together so they look like one.

[Waldensamkeit]

It's really not that hard at all, more-so just tedious as the image dimensions and whatnot have to be very specific in placement and size..

Have a go with this tutorial(?)
Button Meter

[alphaprior]

I have seen the example but how I will make 3 different ones that sit together like one?

[santa_ryan]

Im not sure as to what you mean.

A Button meter is just 3 images of the exact same dimensions rolled into one image.

[alphaprior]

I explained in the 1st post exactly what I want.
1 skin with 3 different buttons each one with 3 different states up/down/over
so for example I have
Turn Off | Restart | Log Off
each button will have its own different images/states

[Chewtoy]

I explained in the 1st post exactly what I want.
1 skin with 3 different buttons each one with 3 different states up/down/over
so for example I have
Turn Off | Restart | Log Off
each button will have its own different images/states

Then just create 3 different button meters with different images.

This is some good reading: http://rainmeter.net/cms/Rainmeter101-SkinTutorials

[jsmorley]

So what you need is 3 .png files. Each one will be made up of a picture of whatever you want, three times side by side, equal in size and equally spaced in the .png file:

Like this:

firefox_b.png

Rainmeter will display 1/3 of each image when a .png like this is used in a Button meter. It will display the appropriate 1/3 depending on the "state".

So you make three of those, and put each one in its own Button meter, and you are all set.

[alphaprior]

this is the easy part
but how I'm gonna write the code so they appear all 3 buttons one next to other?
and appear like a single box with 3 buttons like this:

Untitled-1.jpg

[jsmorley]

Just use X and Y on your Button meters to lay them out.

[MeterBackGround]
Meter=Image
ImageName=ThatBackgroundImage.png
X=0
Y=0

[MeterButton1]
Meter=Button
ButtonImage=#CURRENTPATH#Button1.png
ButtonCommand=!Execute [SomeCommand]
X=5
Y=10

[MeterButton2]
Meter=Button
ButtonImage=#CURRENTPATH#Button2.png
ButtonCommand=!Execute [SomeCommand]
X=5R
Y=10

[MeterButton3]
Meter=Button
ButtonImage=#CURRENTPATH#Button3.png
ButtonCommand=!Execute [SomeCommand]
X=5R
Y=10

The "R" means "relative to the end of the previous meter".

[alphaprior]

aha, thats it!
thanx a lot!