It is currently May 5th, 2024, 8:57 pm

Blur behind Dropdown-Bar

Get help with creating, editing & fixing problems with skins
User avatar
MerlinTheRed
Rainmeter Sage
Posts: 889
Joined: September 6th, 2011, 6:34 am

Re: Blur behind Dropdown-Bar

Post by MerlinTheRed »

Just a quick tip to improve readability of your code:

You don't need the "Rainmeter" in every bang. Just !ShowMeter works too.

You can hide/show whole groups of meters with the !ShowMeterGroup/!HideMeterGroup bangs. You just have to add Group=GroupName to each meter that should belong to a group called "GroupName".

Read more in the Manual:

http://rainmeter.net/cms/Skins-MeterMeasureGroups_beta
http://rainmeter.net/cms/Bangs_beta
Have more fun creating skins with Sublime Text 2 and the Rainmeter Package!
User avatar
Brian
Developer
Posts: 2689
Joined: November 24th, 2011, 1:42 am
Location: Utah

Re: Blur behind Dropdown-Bar

Post by Brian »

Tashimo wrote:Brian, can you please give me an example so i can figure it out from that point.

i cant find a solution at this point :(
Blur and BlurRegion only work under the [Rainmeter] section. You can add more blur regions through the !AddBlur bang, then remove the blur with the !RemoveBlur bang.

Your example does not give me enough information to help you out, but here is a crude example of how to add blur regions to a menu:

Code: Select all

[Rainmeter]
Update=1000
DynamicWindowSize=1
; Blur=1 is required in this section, BlurRegion is also required so that your entire skin does not have blur under it. Comment out BlurRegion to see what I mean.
Blur=1
BlurRegion=1,0,0,#Menu.Width#,#Menu.Height#

[Variables]
; These variables are just to make the code cleaner.
Menu.Width=135
Menu.Height=25
Menu1.Blur=1,2,#Menu.Height#,90,(#Menu.Height#+75)
Menu2.Blur=1,70,#Menu.Height#,158,(#Menu.Height#+75)

; These variables are used to hide all the "sub" menus. Since they are repeated, I decided to just use a variable.
BlurAll=1,2,#Menu.Height#,158,(#Menu.Height#+75)
HideAll=[!HideMeterGroup All][!RemoveBlur #BlurAll#][!SetOptionGroup Menu StringStyle Normal][!UpdateMeterGroup Menu][!UpdateMeterGroup All][!Redraw]

; This is a nearly invisible meter that is used to hide all the "sub" menus when the mouse leaves the skin.
[SkinBackground]
Meter=Image
W=#CURRENTCONFIGWIDTH#
H=#CURRENTCONFIGHEIGHT#
SolidColor=0,0,0,1
MouseLeaveAction=#HideAll#
DynamicVariables=1

[MenuStyle]
FontColor=255,255,255
FontSize=12
FontFace=Segoe UI

; This just gives the main menu a blackish blurred background.
[MenuBackground]
Meter=Image
W=#Menu.Width#
H=#Menu.Height#
SolidColor=0,0,0,50

[Menu1]
Meter=String
MeterStyle=MenuStyle
Group=Menu
X=2
Y=2
Text=Menu1
MouseOverAction=#HideAll#[!ShowMeterGroup Menu1][!AddBlur "#Menu1.Blur#"][!SetOption Menu1 StringStyle Bold][!UpdateMeter Menu1][!Redraw]

[Menu2]
Meter=String
MeterStyle=MenuStyle
Group=Menu
X=70
Y=2
Text=Menu2
MouseOverAction=#HideAll#[!ShowMeterGroup Menu2][!AddBlur "#Menu2.Blur#"][!SetOption Menu2 StringStyle Bold][!UpdateMeter Menu2][!Redraw]

; Menu 1 items
; The "container" meter is used to hide all the meters in the "sub" menu when the mouse leaves the "sub" menu.
[Menu1Container]
Meter=Image
Group=All | Menu | Menu1
SolidColor=0,0,0,1
X=2
Y=#Menu.Height#
W=88
H=75
MouseLeaveAction=#HideAll#[!RemoveBlur "#Menu1.Blur#"][!SetOption Menu1 StringStyle Normal][!UpdateMeter Menu1][!Redraw]
Hidden=1

[Menu1Item1]
Meter=String
MeterStyle=MenuStyle
Group=All | Menu | Menu1
X=r
Y=(#Menu.Height#+2)
FontSize=10
Text=Item1
Hidden=1
MouseOverAction=[!SetOption Menu1Item1 StringStyle Bold][!UpdateMeter Menu1Item1][!Redraw]
MouseLeaveAction=[!SetOption Menu1Item1 StringStyle Normal][!UpdateMeter Menu1Item1][!Redraw]

[Menu1Item2]
Meter=String
MeterStyle=MenuStyle
Group=All | Menu | Menu1
X=r
Y=2R
FontSize=10
Text=Item2
Hidden=1
MouseOverAction=[!SetOption Menu1Item2 StringStyle Bold][!UpdateMeter Menu1Item2][!Redraw]
MouseLeaveAction=[!SetOption Menu1Item2 StringStyle Normal][!UpdateMeter Menu1Item2][!Redraw]

[Menu1Item3]
Meter=String
MeterStyle=MenuStyle
Group=All | Menu | Menu1
X=r
Y=2R
FontSize=10
Text=Item3
Hidden=1
MouseOverAction=[!SetOption Menu1Item3 StringStyle Bold][!UpdateMeter Menu1Item3][!Redraw]
MouseLeaveAction=[!SetOption Menu1Item3 StringStyle Normal][!UpdateMeter Menu1Item3][!Redraw]

; Menu 2 items
[Menu2Container]
Meter=Image
Group=All | Menu | Menu2
SolidColor=0,0,0,1
X=70
Y=#Menu.Height#
W=88
H=75
MouseLeaveAction=#HideAll#[!RemoveBlur "#Menu2.Blur#"][!SetOption Menu2 StringStyle Normal][!UpdateMeter Menu2][!Redraw]
Hidden=1

[Menu2Item1]
Meter=String
MeterStyle=MenuStyle
Group=All | Menu | Menu2
X=r
Y=(#Menu.Height#+2)
FontSize=10
Text=Item1
Hidden=1
MouseOverAction=[!SetOption Menu2Item1 StringStyle Bold][!UpdateMeter Menu2Item1][!Redraw]
MouseLeaveAction=[!SetOption Menu2Item1 StringStyle Normal][!UpdateMeter Menu2Item1][!Redraw]

[Menu2Item2]
Meter=String
MeterStyle=MenuStyle
Group=All | Menu | Menu2
X=r
Y=2R
FontSize=10
Text=Item2
Hidden=1
MouseOverAction=[!SetOption Menu2Item2 StringStyle Bold][!UpdateMeter Menu2Item2][!Redraw]
MouseLeaveAction=[!SetOption Menu2Item2 StringStyle Normal][!UpdateMeter Menu2Item2][!Redraw]

[Menu2Item3]
Meter=String
MeterStyle=MenuStyle
Group=All | Menu | Menu2
X=r
Y=2R
FontSize=10
Text=Item3
Hidden=1
MouseOverAction=[!SetOption Menu2Item3 StringStyle Bold][!UpdateMeter Menu2Item3][!Redraw]
MouseLeaveAction=[!SetOption Menu2Item3 StringStyle Normal][!UpdateMeter Menu2Item3][!Redraw]
Sorry the code is a little complex, I just wanted to make a complete working example.

-Brian