It is currently July 7th, 2020, 2:16 am

Animate A dock or app drawer

Help with creating, editing & fixing problems with skins
pegasus19x
Posts: 14
Joined: June 21st, 2020, 10:31 pm

Animate A dock or app drawer

Post by pegasus19x »

Hi , i made this theme inspired by google fushia os . i wish to drag this white big bar as an app drawer to show more cards.

i want to make an animation of draging this skin along the Y-Axis only. how to make that animation????

either by dragging using mouse and only this skin moves along the Y-Axis only or double tap to expand animation.

Any help??

ps: the theme is still under making and not complete
You do not have the required permissions to view the files attached to this post.
Last edited by pegasus19x on June 22nd, 2020, 8:57 pm, edited 2 times in total.
User avatar
balala
Rainmeter Sage
Posts: 10968
Joined: October 11th, 2010, 6:27 pm
Location: Gheorgheni, Romania

Re: Animate A dock or app drawer

Post by balala »

pegasus19x wrote:
June 21st, 2020, 10:40 pm
i want to make an animation of draging this skin along the Y-Axis only. how to make that animation????

either by dragging using mouse and only this skin moves along the Y-Axis only or double tap to expand animation.

Any help??
Not by dragging (which is a little bit more complicated, requiring a plugin to be installed), but with a simple- or double click, it's quite simple. You have to use the ActionTimer plugin, to achieve this.
Please post the code you have so far, to show you how can you add the needed measure and options to it.
pegasus19x
Posts: 14
Joined: June 21st, 2020, 10:31 pm

Re: Animate A dock or app drawer

Post by pegasus19x »

balala wrote:
June 22nd, 2020, 3:40 pm
Not by dragging (which is a little bit more complicated, requiring a plugin to be installed), but with a simple- or double click, it's quite simple. You have to use the ActionTimer plugin, to achieve this.
Please post the code you have so far, to show you how can you add the needed measure and options to it.
Hello, I am PEGASUS
My Contact Information :
Email: abdelrahman10amr@gmail.com
Whatsapp: +201020466565
--------------------------------------------------------------------------------
SEARCH BAR & CARDS
INSPIRED BY GOOGLE FUSHIA DEMO UI.

Code: Select all

[Rainmeter]
Update=1000
DynamicWindowSize=1


[PlaceHolder2]
Meter=Shape
Shape=Rectangle 5,5,800,400,7 | Fill Color 236,239,241| StrokeWidth 0 | Stroke Color 45, 45, 45
IfTrueAction=[!SetOption SomeMeter X "5"][!SetOption SomeMeter X "10"]

[PlaceHolder]
Meter=Shape
Shape=Rectangle 5,5,800,80,5 | Fill Color 255,255,255 | StrokeWidth 0 | Stroke Color 00, 00, 00
LeftMouseUpAction=[!CommandMeasure "CharcoalSearchMeasure" "ExecuteBatch 1"]

[cardHolder]
Meter=Shape
Shape=Rectangle 5,5,360,100,10 | Fill Color 255,255,255 | StrokeWidth 0 | Stroke Color 45, 45, 45
LeftMouseUpAction=  ["https://mail.google.com/mail/u/0/"]
X=20
Y=110

[cardHolder2]
Meter=Shape
Shape=Rectangle 5,5,360,100,10 | Fill Color 255,255,255 | StrokeWidth 0 | Stroke Color 45, 45, 45
LeftMouseUpAction=  ["C:\Users\abdel\Desktop\Telegram Desktop"]
X=420
Y=110


[cardHolder3]
Meter=Shape
Shape=Rectangle 5,5,360,100,10 | Fill Color 255,255,255 | StrokeWidth 0 | Stroke Color 45, 45, 45
LeftMouseUpAction=  ["https://www.youtube.com/"]
X=420
Y=240

Hello, I am PEGASUS
My Contact Information :
Email: abdelrahman10amr@gmail.com
Whatsapp: +201020466565

[cardHolder4]
Meter=Shape
Shape=Rectangle 5,5,360,100,10 | Fill Color 255,255,255 | StrokeWidth 0 | Stroke Color 45, 45, 45
LeftMouseUpAction=  [""]
X=20
Y=240

Hello, I am PEGASUS
My Contact Information :
Email: abdelrahman10amr@gmail.com
Whatsapp: +201020466565


[SearchIcon]
Meter=Image
ImageName=#@#Images\search.png
X=745
Y=30
W=35
H=28


[GoogleIcon]
Meter=Image
ImageName=#@#Images\Google.png
X=30
Y=30
W=30
H=30
LeftMouseUpAction=[!CommandMeasure "CharcoalSearchMeasure" "ExecuteBatch 1"]


[CharcoalSearchMeasure]
Measure=Plugin
Plugin=InputText
FontFace=Noto Sans JP
FontSize=15
FontColor=00,00,00
AntiAlias=10
Command1=!Execute ["https://www.google.com/search?q=$UserInput$"] DefaultValue=""
FocusDismiss=1
X=70
Y=35
W=560
H=30
UpdateDivider=-1
SolidColor=255,255,255

Hello, I am PEGASUS
My Contact Information :
Email: abdelrahman10amr@gmail.com
Whatsapp: +201020466565

[Bargreating]
Meter=String
FontSize=14
FontFace= Noto Sans JP
Text=Ask for anything
FontColor=119,119,119
AntiAlias=10
X=80
Y=30
W=20
H=30


[MainGmailicon]
Meter=Image
ImageName=#@#Images\gmail.png
X=25
Y=115
W=100
H=100
LeftMouseUpAction=[!CommandMeasure "CharcoalSearchMeasure" "ExecuteBatch 1"]

[Card info]
Meter=String
FontSize=10
Text=Gmail
FontFace=Noto Sans JP thin
FontColor=0,0,0
AntiAlias=1
X=130
Y=128
W=20
H=30

[Card Details]
Meter=String
FontFace= Noto Sans JP
FontSize=15
Text= You received a new email
FontWeight=20
FontColor=0,0,0
AntiAlias=1
X=130
Y=145
W=20
H=30
----------------------------------------------

Hello, I am PEGASUS
My Contact Information :
Email: abdelrahman10amr@gmail.com
Whatsapp: +201020466565

[MainTelegram]
Meter=Image
ImageName=#@#Images\telegram.png
X=417
Y=106
W=118
H=118
LeftMouseUpAction=  ["C:\Users\abdel\Desktop\Telegram Desktop"]

[Cardinfo2]
Meter=String
FontSize=10
Text=Telegram
FontFace=Noto Sans JP thin
FontColor=0,0,0
AntiAlias=1
X=528
Y=128
W=20
H=30

[CardDetails2]
Meter=String
FontFace= Noto Sans JP
FontSize=15
Text= Check your channel
FontWeight=20
FontColor=0,0,0
AntiAlias=1
X=528
Y=145
W=20
H=30
-----------------------------------------
[MainYoutube]
Meter=Image
ImageName=#@#Images\youtube1.png
X=415
Y=215
W=120
H=158
LeftMouseUpAction=  ["https://www.youtube.com/"]

[Card3]
Meter=String
FontSize=10
Text=Youtube
FontFace=Noto Sans JP thin
FontColor=0,0,0
AntiAlias=10
X=528
Y=258
W=20
H=30

[Card3details]
Meter=String
FontFace= Noto Sans JP
FontSize=15
Text=videos you may like
FontWeight=20
FontColor=0,0,0
AntiAlias=10>
X=528
Y=275
W=20
H=30
---------------------------------------------------------------
[CARDDISCORD]
Meter=Shape
Shape=Rectangle 5,5,360,100,10 | Fill Color 255,255,255 | StrokeWidth 0 | Stroke Color 45, 45, 45
LeftMouseUpAction=  ["C:\Users\abdel\AppData\Roaming\Microsoft\Windows\Start Menu\Programs\Discord Inc\Discord"]
X=20
Y=240
[DISCORDICON]
Meter=Image
ImageName=#@#Images\discord.png
X=20
Y=240
W=110
H=110
LeftMouseUpAction=["C:\Users\abdel\AppData\Roaming\Microsoft\Windows\Start Menu\Programs\Discord Inc\Discord"]

[CardinfoDIS]
Meter=String
FontSize=10
Text=Discord
FontFace= Noto Sans JP light
FontColor=0,0,0
AntiAlias=10
X=130
Y=258
W=20
H=30

[CardDetailDIS]
Meter=String
FontFace= Noto Sans JP
FontSize=15
Text=Lets's make a Group-call
FontWeight=20
FontColor=0,0,0
AntiAlias=10
X=130
Y=275
W=20
H=30>
----------------------------------------------------------

Thank you so much in advance.
Last edited by eclectic-tech on June 22nd, 2020, 8:35 pm, edited 1 time in total.
Reason: Please use code tags. It is the </> symbol.
User avatar
balala
Rainmeter Sage
Posts: 10968
Joined: October 11th, 2010, 6:27 pm
Location: Gheorgheni, Romania

Re: Animate A dock or app drawer

Post by balala »

pegasus19x wrote:
June 21st, 2020, 10:40 pm
i want to make an animation of draging this skin along the Y-Axis only. how to make that animation????

either by dragging using mouse and only this skin moves along the Y-Axis only or double tap to expand animation.
Where should you / I click / double-click to animate the skin? And what should be visible when it is "closed"?
pegasus19x
Posts: 14
Joined: June 21st, 2020, 10:31 pm

Re: Animate A dock or app drawer

Post by pegasus19x »

balala wrote:
June 22nd, 2020, 8:59 pm
Where should you / I click / double-click to animate the skin? And what should be visible when it is "closed"?
i think maybe this grey empty space
or i can add an arrow to press to expand like on some android phones.


just it expands to show more cards and when it's closed it should show these two rows of cards
You do not have the required permissions to view the files attached to this post.
pegasus19x
Posts: 14
Joined: June 21st, 2020, 10:31 pm

Re: Animate A dock or app drawer

Post by pegasus19x »

i read the https://docs.rainmeter.net/manual/plugins/actiontimer/ actiontimer manual ,but i couldn't understand how to apply it to my skin.

any help?
User avatar
balala
Rainmeter Sage
Posts: 10968
Joined: October 11th, 2010, 6:27 pm
Location: Gheorgheni, Romania

Re: Animate A dock or app drawer

Post by balala »

pegasus19x wrote:
June 23rd, 2020, 3:56 pm
i read the https://docs.rainmeter.net/manual/plugins/actiontimer/ actiontimer manual ,but i couldn't understand how to apply it to my skin.

any help?
For first, before applying the ActionTimer, your code has to be a little bit improved, because there are a lot of meters which have to be placed relatively to each other, to can easier be moved with the ActionTimer measures. Some other improvements are also required. I'm starting to work with it.
pegasus19x
Posts: 14
Joined: June 21st, 2020, 10:31 pm

Re: Animate A dock or app drawer

Post by pegasus19x »

balala wrote:
June 23rd, 2020, 7:25 pm
For first, before applying the ActionTimer, your code has to be a little bit improved, because there are a lot of meters which have to be placed relatively to each other, to can easier be moved with the ActionTimer measures. Some other improvements are also required. I'm starting to work with it.
I will clean and arrange the code and send it to you again
thank you so much balala
pegasus19x
Posts: 14
Joined: June 21st, 2020, 10:31 pm

Re: Animate A dock or app drawer

Post by pegasus19x »

balala wrote:
June 23rd, 2020, 7:25 pm
For first, before applying the ActionTimer, your code has to be a little bit improved, because there are a lot of meters which have to be placed relatively to each other, to can easier be moved with the ActionTimer measures. Some other improvements are also required. I'm starting to work with it.

This is the arranged cleaned code
Hello, I am PEGASUS
My Contact Information :
Email: abdelrahman10amr@gmail.com
Whatsapp: +201020466565
SEARCH BAR & CARDS
INSPIRED BY GOOGLE FUSHIA DEMO UI.
- - - - - - - - - - - - - - -- - -

Code: Select all

[Rainmeter]
Update=1000
DynamicWindowSize=1
-------------------------------------------------
C A R D S    B E L L O W
-------------------------------------------------
[mainCARD1]
Meter=Shape
Shape=Rectangle 5,5,800.5,400,5 | Fill Color 236,239,241| StrokeWidth 0 | Stroke Color 45, 45, 45

[MainCard2]
Meter=Shape
Shape=Rectangle 5,5,800.5,80,5 | Fill Color 255,255,255  | StrokeWidth 0 | Stroke Color 00, 00, 00
LeftMouseUpAction=[!CommandMeasure "CharcoalSearchMeasure" "ExecuteBatch 1"]
Y=-4


[cardHolder1]
Meter=Shape
Shape=Rectangle 5,5,360,100,5 | Fill Color 255,255,255 | StrokeWidth 0 | Stroke Color 45, 45, 45
LeftMouseUpAction=  ["https://mail.google.com/mail/u/0/"]
X=20
Y=110

[cardHolder2]
Meter=Shape
Shape=Rectangle 5,5,360,100,5 | Fill Color 255,255,255 | StrokeWidth 0 | Stroke Color 45, 45, 45
LeftMouseUpAction=  ["C:\Users\abdel\Desktop\Telegram Desktop"]
X=420
Y=110


[cardHolder3]
Meter=Shape
Shape=Rectangle 5,5,360,100,5 | Fill Color 255,255,255| StrokeWidth 0 | Stroke Color 45, 45, 45
LeftMouseUpAction=  ["https://www.youtube.com/"]
X=420
Y=240

[CARDDISCORD]
Meter=Shape
Shape=Rectangle 5,5,360,103,5 | Fill Color 255,255,255| StrokeWidth 0 | Stroke Color 45, 45, 45
LeftMouseUpAction=  ["C:\Users\abdel\AppData\Roaming\Microsoft\Windows\Start Menu\Programs\Discord Inc\Discord"]
X=19
Y=240
-------------------------------------------------
ADDING NEW CARDS IN THE FUTURE HERE
-------------------------------------------------
T E X T U R E S  I C O N S   B E L O W
-------------------------------------------------
[MainGmailicon]
Meter=Image
ImageName=#@#Images\gmail.png
X=25
Y=115
W=100
H=100
LeftMouseUpAction=[!CommandMeasure "CharcoalSearchMeasure" "ExecuteBatch 1"]

[SearchIcon]
Meter=Image
ImageName=#@#Images\search.png
X=745
Y=29
W=35
H=28


[GoogleIcon]
Meter=Image
ImageName=#@#Images\Google.png
X=35
Y=28
W=30
H=30
LeftMouseUpAction=[!CommandMeasure "CharcoalSearchMeasure" "ExecuteBatch 1"]

[MainTelegram]
Meter=Image
ImageName=#@#Images\telegram.png
X=417
Y=106
W=118
H=118
LeftMouseUpAction=  ["C:\Users\abdel\Desktop\Telegram Desktop"]

[MainYoutube]
Meter=Image
ImageName=#@#Images\youtube1.png
X=415
Y=215
W=120
H=158
LeftMouseUpAction=  ["https://www.youtube.com/"]

[DISCORDICON]
Meter=Image
ImageName=#@#Images\discord.png
X=20
Y=240
W=110
H=110
LeftMouseUpAction=["C:\Users\abdel\AppData\Roaming\Microsoft\Windows\Start Menu\Programs\Discord Inc\Discord"]

------------------------------------------------------------------------------
Hello, I am PEGASUS
My Contact Information :
Email: abdelrahman10amr@gmail.com
Whatsapp: +201020466565
------------------------------------------------------------------------------
T E X T S BELLOW
------------------------------------------------------------------------------
[CharcoalSearchMeasure]
Measure=Plugin
Plugin=InputText
FontFace=Noto Sans JP
FontSize=15
FontColor=00,00,00
AntiAlias=10
Command1=!Execute ["https://www.google.com/search?q=$UserInput$"] DefaultValue=""
FocusDismiss=1
X=70
Y=30
W=560
H=34
UpdateDivider=-1
SolidColor=255,255,255

[Bargreating]
Meter=String
FontSize=13
FontFace= ROBOTO
Text=Ask for anything
FontColor=119,119,119
AntiAlias=10
X=96
Y=28
W=20
H=30
-------------------------------------------------------------------

[Card info]
Meter=String
FontSize=10
Text=Gmail
FontFace=ROBOTO
FontColor=0,0,0
AntiAlias=1
X=130
Y=130
W=20
H=30

[Card Details]
Meter=String
FontFace= ROBOTO
FontSize=15
Text= You received a new email
FontWeight=20
FontColor=0,0,0
AntiAlias=1
X=130
Y=145
W=20
H=30
----------------------------------------------

Hello, I am PEGASUS
My Contact Information :
Email: abdelrahman10amr@gmail.com
Whatsapp: +201020466565

[Cardinfo2]
Meter=String
FontSize=10
Text=Telegram
FontFace=ROBOTO
FontColor=0,0,0
AntiAlias=1
X=528
Y=130
W=20
H=30

[CardDetails2]
Meter=String
FontFace= ROBOTO
FontSize=15
Text= Check your channel
FontWeight=20
FontColor=0,0,0
AntiAlias=1
X=528
Y=145
W=20
H=30
-----------------------------------------

[Card3]
Meter=String
FontSize=10
Text=Youtube
FontFace= ROBOTO
FontColor=0,0,0
AntiAlias=10
X=528
Y=263
W=20
H=30

[Card3details]
Meter=String
FontFace= ROBOTO
FontSize=15
Text=videos you may like
FontWeight=20
FontColor=0,0,0
AntiAlias=10
X=528
Y=277
W=20
H=30
---------------------------------------------------------------

[CardinfoDIS]
Meter=String
FontSize=10
Text=Discord
FontFace= Noto Sans JP light
FontColor=0,0,0
AntiAlias=10
X=130
Y=263
W=20
H=30

[CardDetailDIS]
Meter=String
FontFace= Noto Sans JP
FontSize=15
Text=Lets's make a Group-call
FontWeight=20
FontColor=0,0,0
AntiAlias=10
X=130
Y=277
W=20
H=30
---------------------------------------------------------[code]
User avatar
balala
Rainmeter Sage
Posts: 10968
Joined: October 11th, 2010, 6:27 pm
Location: Gheorgheni, Romania

Re: Animate A dock or app drawer

Post by balala »

pegasus19x wrote:
June 24th, 2020, 8:35 am
This is the arranged cleaned code
No, it's still not good enough, because the consecutive meters should be positioned relatively. In such a case when you want to animate the whole skin you have to take care about only the first meter, the others being relatively positioned, will follow the first one.
So, I rewrote the code and added the appropriate ActionTimer plugin measure. I also added a button to the right side of the [PlaceHolder] meter (through the [MeterOpenClose] and [MeterOpenCloseString] meters), which is used to open and close the panel (to run the animation). Please give a try to the following code and let me know how does it work:

Code: Select all

[Rainmeter]
Update=1000
DynamicWindowSize=1
SkinWidth=805
SkinHeight=405

[Variables]
Y=320
Upd=[!UpdateMeasure "MeasureSlide"][!UpdateMeter *][!Redraw]

[MeasureSlide]
Measure=Plugin
Plugin=ActionTimer
Group=Sliders
ActionList1=Repeat Down,20,20
Down=[!SetVariable Y "(Clamp((#Y#+16),0,320))"]#Upd#
ActionList2=Repeat Up,20,40
Up=[!SetVariable Y "(Clamp((#Y#-16),0,320))"]#Upd#
IfCondition=(#Y#=0)
IfTrueAction=[!EnableMouseAction GoogleIcon "LeftMouseUpAction"][!EnableMouseAction PlaceHolder "LeftMouseUpAction"][!EnableMouseAction MainGmailicon "LeftMouseUpAction"][!SetOption MeterOpenClose LeftMouseUpAction """[!CommandMeasure "MeasureSlide" "Execute 1"][!CommandMeasure "MeasureSlide" "Stop 2"]"""][!UpdateMeter "MeterOpenClose"]
IfFalseAction=[!DisableMouseAction GoogleIcon "LeftMouseUpAction"][!DisableMouseAction PlaceHolder "LeftMouseUpAction"][!DisableMouseAction MainGmailicon "LeftMouseUpAction"][!SetOption MeterOpenClose LeftMouseUpAction """[!CommandMeasure "MeasureSlide" "Stop 1"][!CommandMeasure "MeasureSlide" "Execute 2"]"""][!UpdateMeter "MeterOpenClose"]
DynamicVariables=1

[CharcoalSearchMeasure]
Measure=Plugin
Plugin=InputText
FontFace=Noto Sans JP
FontSize=15
FontColor=00,00,00
AntiAlias=10
Command1=!Execute ["https://www.google.com/search?q=$UserInput$"] DefaultValue=""
FocusDismiss=1
X=70
Y=35
W=560
H=30
UpdateDivider=-1
SolidColor=255,255,255

[PlaceHolder2]
Meter=Shape
Y=#Y#
Shape=Rectangle 5,5,800,400,7 | Fill Color 236,239,241| StrokeWidth 0 | Stroke Color 45, 45, 45
IfTrueAction=[!SetOption SomeMeter X "5"][!SetOption SomeMeter X "10"]
DynamicVariables=1

;[cardHolder4]
;Meter=Shape
;Shape=Rectangle 5,5,360,100,10 | Fill Color 255,255,255 | StrokeWidth 0 | Stroke Color 45, 45, 45
;LeftMouseUpAction=[""]
;X=20
;Y=240

[SearchIcon]
Meter=Image
ImageName=#@#Images\search.png
X=745r
Y=30r
;X=745
;Y=30
W=35
H=28

[GoogleIcon]
Meter=Image
ImageName=#@#Images\Google.png
X=-715r
Y=0r
;X=30
;Y=30
W=30
H=30
LeftMouseUpAction=[!CommandMeasure "CharcoalSearchMeasure" "ExecuteBatch 1"]

[PlaceHolder]
Meter=Shape
X=-30r
Y=-30r
Shape=Rectangle 5,5,800,80,5 | Fill Color 255,255,255 | StrokeWidth 0 | Stroke Color 00, 00, 00
LeftMouseUpAction=[!CommandMeasure "CharcoalSearchMeasure" "ExecuteBatch 1"]

[Bargreating]
Meter=String
FontSize=14
FontFace=Noto Sans JP
Text=Ask for anything
FontColor=119,119,119
AntiAlias=10
X=80r
Y=30r
W=20
H=30

[MeterOpenClose]
Meter=Shape
X=680r
Y=15r
Shape=Ellipse 0,0,10 | Fill Color 0,0,0,120| StrokeWidth 2 | Stroke Color 0,0,0
DynamicVariables=1

[MeterOpenCloseString]
Meter=STRING
X=0r
Y=0r
FontColor=255,255,255
FontSize=10
FontFace=Segoe UI
StringStyle=BOLD
StringAlign=CenterCenter
AntiAlias=1
Text=^
DynamicVariables=1
TransformationMatrix=(Cos(PI*(#Y#=0)));(-Sin(PI*(#Y#=0)));(Sin(PI*(#Y#=0)));(Cos(PI*(#Y#=0)));((([MeterOpenCloseString:X]+[MeterOpenCloseString:W]/2)-([MeterOpenCloseString:X]+[MeterOpenCloseString:W]/2)*Cos(PI)-([MeterOpenCloseString:Y]+[MeterOpenCloseString:H]/2)*Sin(PI))*(#Y#=0));((([MeterOpenCloseString:Y]+[MeterOpenCloseString:H]/2)+([MeterOpenCloseString:X]+[MeterOpenCloseString:W]/2)*Sin(PI)-([MeterOpenCloseString:Y]+[MeterOpenCloseString:H]/2)*Cos(PI))*(#Y#=0))

[cardHolder]
Meter=Shape
Shape=Rectangle 5,5,360,100,10 | Fill Color 255,255,255 | StrokeWidth 0 | Stroke Color 45, 45, 45
LeftMouseUpAction=["https://mail.google.com/mail/u/0/"]
X=-738r
Y=57r
;X=-731r
;Y=64r

[MainGmailicon]
Meter=Image
ImageName=#@#Images\gmail.png
X=5r
Y=5r
W=100
H=100
LeftMouseUpAction=[!CommandMeasure "CharcoalSearchMeasure" "ExecuteBatch 1"]

[CardInfo]
Meter=String
FontSize=10
Text=Gmail
FontFace=Noto Sans JP thin
FontColor=0,0,0
AntiAlias=1
X=105r
Y=13r
W=20
H=30

[CardDetails]
Meter=String
FontFace=Noto Sans JP
FontSize=15
Text=You received a new email
FontWeight=20
FontColor=0,0,0
AntiAlias=1
X=0r
Y=17r
W=20
H=30

;----------------------------------------------

[cardHolder2]
Meter=Shape
Shape=Rectangle 5,5,360,100,10 | Fill Color 255,255,255 | StrokeWidth 0 | Stroke Color 45, 45, 45
LeftMouseUpAction=["C:\Users\abdel\Desktop\Telegram Desktop"]
X=290r
Y=-35r

[MainTelegram]
Meter=Image
ImageName=#@#Images\telegram.png
X=-3r
Y=-4r
;X=417
;Y=106
W=118
H=118
LeftMouseUpAction=["C:\Users\abdel\Desktop\Telegram Desktop"]

[Cardinfo2]
Meter=String
FontSize=10
Text=Telegram
FontFace=Noto Sans JP thin
FontColor=0,0,0
AntiAlias=1
X=111r
;528
Y=22r
;128
W=20
H=30

[CardDetails2]
Meter=String
FontFace=Noto Sans JP
FontSize=15
Text=Check your channel
FontWeight=20
FontColor=0,0,0
AntiAlias=1
X=0r
Y=17r
W=20
H=30

;-----------------------------------------

[cardHolder3]
Meter=Shape
Shape=Rectangle 5,5,360,100,10 | Fill Color 255,255,255 | StrokeWidth 0 | Stroke Color 45, 45, 45
LeftMouseUpAction=["https://www.youtube.com/"]
X=-108r
Y=95r
;X=420
;Y=240

[MainYoutube]
Meter=Image
ImageName=#@#Images\youtube1.png
X=-5r
Y=-25r
W=120
H=158
LeftMouseUpAction=["https://www.youtube.com/"]

[Card3]
Meter=String
FontSize=10
Text=Youtube
FontFace=Noto Sans JP thin
FontColor=0,0,0
AntiAlias=10
X=113r
Y=43r
X=528
Y=258
W=20
H=30

[Card3details]
Meter=String
FontFace=Noto Sans JP
FontSize=15
Text=videos you may like
FontWeight=20
FontColor=0,0,0
AntiAlias=10>
X=0r
Y=17r
W=20
H=30

;---------------------------------------------------------------

[CARDDISCORD]
Meter=Shape
Shape=Rectangle 5,5,360,100,10 | Fill Color 255,255,255 | StrokeWidth 0 | Stroke Color 45, 45, 45
LeftMouseUpAction=["C:\Users\abdel\AppData\Roaming\Microsoft\Windows\Start Menu\Programs\Discord Inc\Discord"]
X=-508r
Y=-35r
;X=20
;Y=240

[DISCORDICON]
Meter=Image
ImageName=#@#Images\discord.png
X=0r
Y=0r
W=110
H=110
LeftMouseUpAction=["C:\Users\abdel\AppData\Roaming\Microsoft\Windows\Start Menu\Programs\Discord Inc\Discord"]

[CardinfoDIS]
Meter=String
FontSize=10
Text=Discord
FontFace=Noto Sans JP light
FontColor=0,0,0
AntiAlias=10
X=110r
Y=18r
W=20
H=30

[CardDetailDIS]
Meter=String
FontFace=Noto Sans JP
FontSize=15
Text=Lets's make a Group-call
FontWeight=20
FontColor=0,0,0
AntiAlias=10
X=0r
Y=17r
W=20
H=30
Note a few things:
  • In your initial and the rewritten code as well were a lot of comments / information, which although should have been commented out, were not. I removed most of them and commented out the others. For instance I removed the following information, posted more times into the code:

    Code: Select all

    Hello, I am PEGASUS
    My Contact Information :
    Email: abdelrahman10amr@gmail.com
    Whatsapp: +201020466565
    These are not valid Rainmeter options and should be at least commented out.
  • Although not completely forbidden, it's not a good idea to use spaces into section names. That's why I renamed the [Card info] and [Card Details] to [CardInfo] and [CardDetails]. If you keep the spaces you have to take extremely care to include the name into quotes whenever are you using it. Renouncing to spaces, can easier a lot of things.
  • I don't have the needed images (search.png, Google.png and so on), so I couldn't try out the code with those, but I suppose there will be no problems. Please let me know if there are.