It is currently May 5th, 2024, 9:09 pm

Blur behind Dropdown-Bar

Get help with creating, editing & fixing problems with skins
Tashimo
Posts: 5
Joined: September 26th, 2012, 10:37 am

Blur behind Dropdown-Bar

Post by Tashimo »

I`ve got a little problem with a dropdownbar for my shortcuts.

the idea is to set the background of the dropdownmenu like the big rectangle on the right.

the problem - i have no clue how to set the blur separatly to each dropdownmenu, if i set it like it is in the posted .ini-file there is a big blur thing behind everything.

http://www10.pic-upload.de/26.09.12/h2m7dfkdful6.png

Code: Select all

[Rainmeter]
Update=100
Blur=1

MiddleMouseDownAction=!RainmeterActivateConfig #CURRENTCONFIG# white_blur.ini


[Variables]
@include=#CURRENTPATH#Settings.inc
showApps= [!RainmeterShowMeter App1][!RainmeterShowMeter App2][!RainmeterShowMeter App3][!RainmeterShowMeter App4][!RainmeterShowMeter App5][!RainmeterShowMeter App6][!RainmeterShowMeter App7][!RainmeterShowMeter App8][!RainmeterShowMeter HideButton][!RainmeterShowMeter Text][!RainmeterShowMeter Background]
hideApps= [!RainmeterHideMeter App1][!RainmeterHideMeter App2][!RainmeterHideMeter App3][!RainmeterHideMeter App4][!RainmeterHideMeter App5][!RainmeterHideMeter App6][!RainmeterHideMeter App7][!RainmeterHideMeter App8][!RainmeterHideMeter HideButton][!RainmeterHideMeter Text][!RainmeterHideMeter Background]
showAppHide= [!RainmeterShowMeter SmallBackground][!RainmeterShowMeter Text1]
hideAppHide= [!RainmeterHideMeter SmallBackground][!RainmeterHideMeter Text1]

showGames= [!RainmeterShowMeter GameBack][!RainmeterShowMeter GameHide][!RainmeterShowMeter Game1][!RainmeterShowMeter Game2][!RainmeterShowMeter Game3][!RainmeterShowMeter Game4][!RainmeterShowMeter Game5][!RainmeterShowMeter Game6][!RainmeterShowMeter GameText]
hideGames= [!RainmeterHideMeter GameBack][!RainmeterHideMeter GameHide][!RainmeterHideMeter Game1][!RainmeterHideMeter Game2][!RainmeterHideMeter Game3][!RainmeterHideMeter Game4][!RainmeterHideMeter Game5][!RainmeterHideMeter Game6][!RainmeterHideMeter GameText]
showGamesHide= [!RainmeterShowMeter GameButton][!RainmeterShowMeter GameText2]
hideGamesHide= [!RainmeterHideMeter GameButton][!RainmeterHideMeter GameText2]

showOrdner= [!RainmeterShowMeter OrdnerBack][!RainmeterShowMeter OrdnerHide][!RainmeterShowMeter OrdnerText]
hideordner= [!RainmeterHideMeter OrdnerBack][!RainmeterHideMeter OrdnerHide][!RainmeterHideMeter OrdnerText]
showOrdnerHide= [!RainmeterShowMeter OrdnerButton][!RainmeterShowMeter OrdnerText2]
hideOrdnerHide= [!RainmeterHideMeter OrdnerButton][!RainmeterHideMeter OrdnerText2]

[SmallBackground]
Meter=Image
ImageName=AppLeft.png
x=0
y=0
LeftMouseUpAction=!Execute [!RainmeterRedraw] #showApps# #hideAppHide#

[Style]
FontFace=Arial
FontSize=12
FontColor=255,255,255
AntiAlias=1
SolidColor=0,0,0,1

[Text1]
Meter=String
MeterStyle=Style
x=32
y=38
Hidden=0
Angle=1.570796326794897
Text="Programme"

[Text]
Meter=String
MeterStyle=Style
x=244
y=38
Hidden=1
Angle=1.570796326794897
Text="Programme"

[Background]

Meter=Image
SolidColor=204,0,0,80
W=212
H=150
x=0
y=0
Hidden=1

[HideButton]
Meter=Image
SolidColor=204,0,0,80
W=14
H=150
x=212
y=0
Hidden=1
LeftMouseUpAction=!Execute [!RainmeterRedraw] #hideApps# #showAppHide#

[App1]
Meter=Button
ButtonImage=#Img1#
x=6
y=6
Hidden=1
ButtonCommand=!Execute ["#App1#"]

[App2]
Meter=Button
ButtonImage=#Img2#
x=76
y=6
Hidden=1
ButtonCommand=!Execute ["#App2#"]

[App3]
Meter=Button
ButtonImage=#Img3#
x=146
y=6
Hidden=1
ButtonCommand=!Execute ["#App3#"]

[App4]
Meter=Button
ButtonImage=#Img4#
x=6
y=76
Hidden=1
ButtonCommand=!Execute ["#App4#"]

[App5]
Meter=Button
ButtonImage=#Img5#
x=76
y=76
Hidden=1
ButtonCommand=!Execute ["#App5#"]

[App6]
Meter=Button
ButtonImage=#Img6#
x=146
y=76
Hidden=1
ButtonCommand=!Execute ["#App6#"]

[App7]
Meter=Button
ButtonImage=#Img7#
x=6
y=146
Hidden=1
ButtonCommand=!Execute ["#App7#"]

[App8]
Meter=Button
ButtonImage=#Img8#
x=76
y=146
Hidden=1
ButtonCommand=!Execute ["#App8#"]


--------------------------------------------------------

[GameButton]
Meter=Image
ImageName=GameLeft.png
x=0
y=405
Hidden=0
LeftMouseUpAction=!Execute [!RainmeterRedraw] #showGames# #hideGamesHide#

[GameText]
Meter=String
MeterStyle=Style
x=243
y=448
Hidden=1
Angle=1.570796326794897
Text="Games"

[GameText2]
Meter=String
MeterStyle=Style
x=32
y=448
Hidden=0
Angle=1.570796326794897
Text="Games"

[GameBack]
Meter=Image
SolidColor=204,0,0,80
W=212
H=146
x=0
y=405
Hidden=1

[GameHide]
Meter=Image
SolidColor=204,0,0,80
W=14
H=146
x=212
y=405
Hidden=1
LeftMouseUpAction=!Execute [!RainmeterRedraw] #hideGames# #showGamesHide#

[Game1]
Meter=Button
ButtonImage=#GameImg1#
x=6
y=411
Hidden=1
ButtonCommand=!Execute ["#Game1#"]
MouseOverAction=!Execute [!RainmeterRedraw]
MouseLeaveAction=!Execute [!RainmeterRedraw]

[Game2]
Meter=Button
ButtonImage=#GameImg2#
x=76
y=411
Hidden=1
ButtonCommand=!Execute ["#Game2#"]
MouseOverAction=!Execute [!RainmeterRedraw]
MouseLeaveAction=!Execute [!RainmeterRedraw]

[Game3]
Meter=Button
ButtonImage=#GameImg3#
x=146
y=411
Hidden=1
ButtonCommand=!Execute ["#Game3#"]
MouseOverAction=!Execute [!RainmeterRedraw]
MouseLeaveAction=!Execute [!RainmeterRedraw]

[Game4]
Meter=Button
ButtonImage=#GameImg4#
x=6
y=481
Hidden=1
ButtonCommand=!Execute ["#Game4#"]
MouseOverAction=!Execute [!RainmeterRedraw]
MouseLeaveAction=!Execute [!RainmeterRedraw]

[Game5]
Meter=Button
ButtonImage=#GameImg5#
x=76
y=481
Hidden=1
ButtonCommand=!Execute ["#Game5#"]
MouseOverAction=!Execute [!RainmeterRedraw]
MouseLeaveAction=!Execute [!RainmeterRedraw]

[Game6]
Meter=Button
ButtonImage=#GameImg6#
x=146
y=481
Hidden=1
ButtonCommand=!Execute ["#Game6#"]
MouseOverAction=!Execute [!RainmeterRedraw]
MouseLeaveAction=!Execute [!RainmeterRedraw]

--------------------------------------------------------

[OrdnerButton]
Meter=Image
ImageName=OrdnerLeft.png
x=0
y=551
Hidden=0
LeftMouseUpAction=!Execute [!RainmeterRedraw] #showOrdner# #hideOrdnerHide#

[OrdnerText]
Meter=String
MeterStyle=Style
x=243
y=564
Hidden=1
Angle=1.570796326794897
Text="Ordner"

[OrdnerText2]
Meter=String
MeterStyle=Style
x=32
y=564
Hidden=0
Angle=1.570796326794897
Text="Ordner"

[OrdnerBack]
Meter=Image
SolidColor=204,0,0,80
H=76
W=212
x=0
y=551
Hidden=1

[OrdnerHide]
Meter=Image
SolidColor=204,0,0,80
W=14
H=76
x=212
y=551
Hidden=1
LeftMouseUpAction=!Execute [!RainmeterRedraw] #hideOrdner# #showOrdnerHide#

[Ordner1]
Meter=Button
ButtonImage=#GameImg1#
x=6
y=557
Hidden=1
ButtonCommand=!Execute ["#Ordner1#"]
MouseOverAction=!Execute [!RainmeterRedraw]
MouseLeaveAction=!Execute [!RainmeterRedraw]

[Ordner2]
Meter=Button
ButtonImage=#OrdnerImg2#
x=76
y=557
Hidden=1
ButtonCommand=!Execute ["#Ordner2#"]
MouseOverAction=!Execute [!RainmeterRedraw]
MouseLeaveAction=!Execute [!RainmeterRedraw]

[Ordner3]
Meter=Button
ButtonImage=#OrdnerImg3#
x=146
y=557
Hidden=1
ButtonCommand=!Execute ["#Ordner3#"]
MouseOverAction=!Execute [!RainmeterRedraw]
MouseLeaveAction=!Execute [!RainmeterRedraw]
Alex Becherer

Re: Blur behind Dropdown-Bar

Post by Alex Becherer »

Tashimo wrote:the problem - i have no clue how to set the blur separatly to each dropdownmenu
you cant.

your whole concept does not work if you want that blur effect.
if you want that effect make one skin for each menu.
Tashimo
Posts: 5
Joined: September 26th, 2012, 10:37 am

Re: Blur behind Dropdown-Bar

Post by Tashimo »

thank you ;)

i didnt even thought about this option :oops:
Tashimo
Posts: 5
Joined: September 26th, 2012, 10:37 am

Re: Blur behind Dropdown-Bar

Post by Tashimo »

so after fixing that problem, here is another on. the blur is fixed on the screen, how can i configure the ini, so that the blur will fade in and out with the menubar?
Alex Becherer

Re: Blur behind Dropdown-Bar

Post by Alex Becherer »

you don't.

the blur will always be on.
the concept of show/hide parts of the skin will not work here.

make the whole skin visible.
make sure you uncheck "keep on screen" from the skin's context menu

to hide the menu move it over the edge of your screen with the !Move bang. (negative values for x should work)
Tashimo
Posts: 5
Joined: September 26th, 2012, 10:37 am

Re: Blur behind Dropdown-Bar

Post by Tashimo »

i`m completely new at rainmeter. so what would be the effect? would it work like a button which is switching beetween for example x=100 and x=-100?

i` mean that should solve the problem, right? if i put the whole skin out of the screen and back in again, it would be nearly like a dropmenu...with the only difference that it is permanently opened.

and how does it look in a .ini-file?

but besides that, thank you very much for your help :)
Alex Becherer

Re: Blur behind Dropdown-Bar

Post by Alex Becherer »

just to get an idea how much you know.
did you create the ini you posted?
or did you just put the Blur=1 line in it?
User avatar
Brian
Developer
Posts: 2689
Joined: November 24th, 2011, 1:42 am
Location: Utah

Re: Blur behind Dropdown-Bar

Post by Brian »

Alex Becherer wrote: you cant.
Can't he just use the AddBlur/RemoveBlur bangs? Of course you would need an initial BlurRegion with type 0 (for disabled).

More information on Aero Blur can be found here.

@Tashimo: If using the latest release or beta version of Rainmeter, you no longer need "!Execute" bang. You still need the brackets if using multiple bangs for one action, but are no longer required to use the !Execute bang itself. Also, the "Rainmeter" prefix to your bangs is no longer required.

You should also check out Meter Groups. It will make your code a lot more manageable.

-Brian
Alex Becherer

Re: Blur behind Dropdown-Bar

Post by Alex Becherer »

of course. that should work as well. my bad, i wasn't even aware of that feature.
Tashimo
Posts: 5
Joined: September 26th, 2012, 10:37 am

Re: Blur behind Dropdown-Bar

Post by Tashimo »

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 :(

Code: Select all

[Rainmeter]
Author=Felix
Update=100





[Variables]
@include=#CURRENTPATH#Settings.inc


showGames= [!RainmeterShowMeter GameBack][!RainmeterShowMeter GameHide][!RainmeterShowMeter Game1][!RainmeterShowMeter Game2][!RainmeterShowMeter Game3][!RainmeterShowMeter Game4][!RainmeterShowMeter Game5][!RainmeterShowMeter Game6][!RainmeterShowMeter Game7][!RainmeterShowMeter Game8][!RainmeterShowMeter GameText]
hideGames= [!RainmeterHideMeter GameBack][!RainmeterHideMeter GameHide][!RainmeterHideMeter Game1][!RainmeterHideMeter Game2][!RainmeterHideMeter Game3][!RainmeterHideMeter Game4][!RainmeterHideMeter Game5][!RainmeterHideMeter Game6][!RainmeterHideMeter Game7][!RainmeterHideMeter Game8][!RainmeterHideMeter GameText]
showGamesHide= [!RainmeterShowMeter GameButton][!RainmeterShowMeter GameText2]
hideGamesHide= [!RainmeterHideMeter GameButton][!RainmeterHideMeter GameText2]

[Style]
FontFace=Arial
FontSize=9
FontColor=255,255,255
AntiAlias=1
SolidColor=0,0,0,1

[GameBack]
Meter=Image
[color=#BF0000]BlurRegion=1[/color]
SolidColor=204,0,0,80
W=200
H=161
x=0
y=0
Hidden=1

[GameHide]
Meter=Image
SolidColor=204,0,0,80
BlurRegion=1
W=14
H=161
x=200
y=0
Hidden=1
LeftMouseUpAction=!Execute [!RainmeterRedraw] #hideGames# #showGamesHide#