Background opacity/background filter?

[dave byrd]

Can someone please tell me how to create a background filter or how to change the opacity of my skin so different backgrounds can be viewed properly?

Thanks.

[radestock]

Take a look at the base skins thread. Should be very easy to adapt that code into your skin. There are dark and light versions with a filter in them My background selector mod also includes 4 levels of filter that the user can choose.

[dave byrd]

Cheers. Almost there. How would i fix the circled parts as they are unique to Flex?

(The background pic is just a test one btw!)

[dave byrd]

Also, where do i change the colour of this blue line?

[radestock]

You'd just need to alter the inset from the top of the page. Presuming you're using the version from the base skin, in the global panels.xml file just change the padding container height (I think it's set at 171 at the moment) to something a bit less. Not sure about that blue line.

[dave byrd]

Cant see any padding container height in global panels.xml and year i'm using the one form the base skin.

Would you be kind enough to post here the text i need and then i'll play around with the numbers?

[dave byrd]

It would be the titlebar i'd need to play around with wouldn't it?

In global panels.xml if i modify the gap value like so:

<layout class="arrange_vertical_attachment" alignment="top, extend" gap="-20" offset="0"/>

<layout class="stick_to_sides_attachment" alignment="all" inset="0"/>

It does this:

??

[radestock]

If you've done it the way the base skin with better background support works then you'll have this at the top of your global panels.xml file:

<!-- this file lists the global panels that should be installed -->
<panel name="global panels" version="1.0">


<!--backgrounds-->
<container>
<layout class="arrange_vertical_attachment" alignment="top, extend" gap="0" offset="0"/>
<layout class="stick_to_sides_attachment" alignment="all" inset="0"/>

<!-- top padding -->
<container height="170"/>

<container>
<layout class="stick_to_sides_attachment" alignment="horizontal" inset="0"/>

<!-- background picture - covers entire screen -->
<widget class="background" file="backgrounds/default">
	<layout class="stick_to_sides_attachment" alignment="all" inset="0"/>
	<attachment class="test_global_attachment" get_property="bgnd" mode="1" set_property="hidn" skip_if_null="false" skip_if_resetting="false"/>
</widget>

<widget class="background" file="backgrounds/default" hidden="true">
	<layout class="stick_to_sides_attachment" alignment="all" inset="0"/>
	<attachment class="get_global_attachment" get_property="bgnd" set_property="file" skip_if_null="false"/>
	<attachment class="test_global_attachment" get_property="bgnd" mode="0" set_property="hidn" skip_if_null="false" skip_if_resetting="false"/>
</widget>

<container class="plain_box" appearance="bgoverlay/paper">
<layout class="stick_to_sides_attachment" alignment="all" inset="0"/>
</container>
</container>

 </container>

 <!-- Panels Box -->
 <!-- Contains global panels - also the container for the screen -->
 <container id="pnls">

...etc

You just need to edit the container height bit:

<!-- top padding -->
<container height="170"/>

Reduce that number a bit and you're sorted.

[murray]

Also, where do i change the colour of this blue line?

It's a graphic:

graphics\boxes\plain\inbox subscribed

[scholes=legend]

Orite guys, i'm using the BG dark skin but would like to take the opacity down a bit for my matchday backgrounds.

Would anyone be able to point me in the right place to change this as i'm clueless with all this skinning stuff.