Links Skin

[BenG]

Hey guys, I'm quite new to Rainmeter and I want to create a skin that is basically Icons like Facebook, Rainmeter Forum say and like Natwest, Youtube etc that just link me to the website so I can access my most used links whilst on my desktop. Just wondering where to start since this'll be my first coded Skin.

Cheers guys!

- Ben

[jsmorley]

The first thing is to find or make some icons for the items you want to launch. Once you have those, you could start with something simple like:

Code: Select all

[Rainmeter]
Update=200
DynamicWindowSize=1

[Meter01]
Meter=Image
ImageName=Icons\01.png
ImageAlpha=190
X=0
Y=0
W=32
H=32
LeftMouseUpAction=!Execute ["http://cnn.com"]
MouseOverAction=!Execute [!SetOption #CURRENTSECTION# ImageAlpha 255]
MouseLeaveAction=!Execute [!SetOption #CURRENTSECTION# ImageAlpha 190]

[Meter02]
Meter=Image
ImageName=Icons\02.png
ImageAlpha=190
X=0
Y=3R
W=32
H=32
LeftMouseUpAction=!Execute ["http://Youtube.com"]
MouseOverAction=!Execute [!SetOption #CURRENTSECTION# ImageAlpha 255]
MouseLeaveAction=!Execute [!SetOption #CURRENTSECTION# ImageAlpha 190]

[Meter03]
Meter=Image
ImageName=Icons\03.png
ImageAlpha=190
X=0
Y=3R
W=32
H=32
LeftMouseUpAction=!Execute ["C:\Windows\Notepad.exe"]
MouseOverAction=!Execute [!SetOption #CURRENTSECTION# ImageAlpha 255]
MouseLeaveAction=!Execute [!SetOption #CURRENTSECTION# ImageAlpha 190]

[Meter04]
Meter=Image
ImageName=Icons\04.png
ImageAlpha=190
X=0
Y=3R
W=32
H=32
LeftMouseUpAction=!Execute ["%USERPROFILE%\Documents"]
MouseOverAction=!Execute [!SetOption #CURRENTSECTION# ImageAlpha 255]
MouseLeaveAction=!Execute [!SetOption #CURRENTSECTION# ImageAlpha 190]

[Meter05]
Meter=Image
ImageName=Icons\05.png
ImageAlpha=190
X=0
Y=3R
W=32
H=32
LeftMouseUpAction=!Execute ["shell:ProgramFiles"]
MouseOverAction=!Execute [!SetOption #CURRENTSECTION# ImageAlpha 255]
MouseLeaveAction=!Execute [!SetOption #CURRENTSECTION# ImageAlpha 190]

3-27-2012 11-43-43 AM.jpg

While you can pick this apart and it can help you get started, there is no substitute for going through Rainmeter 101 including at least one of the tutorials at the end to get a handle on how things work, and then keep The Manual handy while working so you have a reference.

Manual references that are of particular interest with this sample skin are:
http://rainmeter.net/cms/Meters-GeneralSettings_beta
http://rainmeter.net/cms/Meters-Image_beta
http://rainmeter.net/cms/Bangs_beta
http://rainmeter.net/cms/MouseActions_beta
http://rainmeter.net/cms/Tips-LaunchSpecialFolders

[BenG]

Cheers dude I'll have a mess about. Such an easy skin to make as a first attempt

[BenG]

Aye, I changed the code you gave me to open web pages instead and also changed which icon it is, so thanks for that. Played around with their positions too. It's quite easy to start off with I have to admit I'm looking forward to adapting some other skins I have