Change transparency of home screen menu

  Thread Rating:
  • 1 Votes - 3 Average
  • 1
  • 2
  • 3
  • 4
  • 5
Post Reply
minaka Offline
Junior Member
Posts: 18
Joined: Jan 2012
Reputation: 0
Post: #1
I was looking for the options to change transparency of the home screen menu to make it slightly more transparent and have found only this thread where the final advice was to use influence skin, which is not preferable option for me http://forum.xbmc.org/showthread.php?tid=82423

So, my question - is it possible and if so how? I assume it could be done through adjustment of the home.xml file, but what are the values to look at and how to change them?

Thank you
find quote
mad-max Offline
Posting Freak
Posts: 1,478
Joined: Jul 2010
Reputation: 57
Location: Germany
Post: #2
What part do you want to have more transparent?

Can you post a screenshot?

cheers,
mm

[Image: obi3o55x.jpg]
[Image: 7c8w3bu8.png]

- - - Tribute to Metallica - - -

If I managed to help you, please click my reputation
find quote
minaka Offline
Junior Member
Posts: 18
Joined: Jan 2012
Reputation: 0
Post: #3
The black horizontal menu line containing all the menu items (Weather, Videos, Pictures etc), including the submenus - it would be nice if it was possible to make it more transparent, so that the background image is more visible and not divided into 2 parts by the menu line

I am not at my xbmc right now to make a screen shot, its the basic black home menu line as seen in the pictures at the following website

http://xbmcmediacenter.com/xbmc-skins-co...orizontal/
find quote
mad-max Offline
Posting Freak
Posts: 1,478
Joined: Jul 2010
Reputation: 57
Location: Germany
Post: #4
You want something like the followign picture?

[Image: photo-438-61f327a3.jpg]


Therefore you need to change the following items:

Home.xml:
Code:
<control type="image">
   <posx>-100</posx>
   <posy>0</posy>
   <width>1480</width>
   <height>75</height>
   <texture border="0,6,0,6">HomeBack.png</texture>
   <colordiffuse>BFFFFFFF</colordiffuse>
</control>
The color diffuse is working fine...

Then includes:
Code:
<include name="ButtonHomeSubCommonValues">
   <height>35</height>
   <width>180</width>
   <textwidth>195</textwidth>
   <align>center</align>
   <aligny>center</aligny>
   <font>font12</font>
   <textcolor>grey2</textcolor>
   <focusedcolor>white</focusedcolor>
   <texturefocus border="5">HomeSubFO.png</texturefocus>
   <texturenofocus border="5">HomeSubNF.png</texturenofocus>
   <pulseonselect>false</pulseonselect>
   <colordiffuse>BBFFFFFF</colordiffuse>
</include>

And all HomeSubEnd.png's in "includesMainMenuItems.xml":
Code:
<control type="image" id="90141">
   <width>35</width>
   <height>35</height>
   <texture border="0,0,0,3" flipx="true">HomeSubEnd.png</texture>
   <colordiffuse>BBFFFFFF</colordiffuse>
</control>

cheers,
mad-max

[Image: obi3o55x.jpg]
[Image: 7c8w3bu8.png]

- - - Tribute to Metallica - - -

If I managed to help you, please click my reputation
find quote
minaka Offline
Junior Member
Posts: 18
Joined: Jan 2012
Reputation: 0
Post: #5
Max, you are the best, thank you very much
find quote
mad-max Offline
Posting Freak
Posts: 1,478
Joined: Jul 2010
Reputation: 57
Location: Germany
Post: #6
No problem...
BTW: I like it with a bit transparency, so I added this as a toggle option in my MOD...

cheers

[Image: obi3o55x.jpg]
[Image: 7c8w3bu8.png]

- - - Tribute to Metallica - - -

If I managed to help you, please click my reputation
find quote
Jeba Offline
Junior Member
Posts: 8
Joined: Mar 2012
Reputation: 0
Post: #7
Hey there,

I would like to change the transperancy in the music screen, so I can see the fanart better, it would be so pretty!. Could you tell which code to change? I use the thumbnail view for my albums... And I use the most recent build of Confluence.

Help would be very appreciated!

Cheers
find quote
mad-max Offline
Posting Freak
Posts: 1,478
Joined: Jul 2010
Reputation: 57
Location: Germany
Post: #8
What music screen do you mean excatly? Simply the thumbnail view in database view?
Can you post a screenshot of what parts shall be transpararent

mad-max

[Image: obi3o55x.jpg]
[Image: 7c8w3bu8.png]

- - - Tribute to Metallica - - -

If I managed to help you, please click my reputation
find quote
phyrros1 Offline
Junior Member
Posts: 31
Joined: Jan 2011
Reputation: 0
Post: #9
Hi Mad-Max

Maybe you can help here as well. The two black "boxes" with the list of movies and the covers in the Confluence Video/Movies View Option "Media Info 2" view are not transparent enough for my taste.

See below marked with a red border

[Image: screenshot000.png]

I would like to have the background image to be more visible . How can I achieve this ?

Thanks for your help

Cheers

Phyrros
find quote
Mudislander Offline
Skilled Skinner
Posts: 1,684
Joined: Jun 2009
Reputation: 39
Post: #10
(2012-03-27 17:32)phyrros1 Wrote:  Hi Mad-Max

Maybe you can help here as well. The two black "boxes" with the list of movies and the covers in the Confluence Video/Movies View Option "Media Info 2" view are not transparent enough for my taste.

I would like to have the background image to be more visible . How can I achieve this ?

Thanks for your help

Cheers

Phyrros

Same commands as HERE Smile

Noli illegitimi carborundum
find quote
mad-max Offline
Posting Freak
Posts: 1,478
Joined: Jul 2010
Reputation: 57
Location: Germany
Post: #11
Thanks for helping out mudislander...

[Image: obi3o55x.jpg]
[Image: 7c8w3bu8.png]

- - - Tribute to Metallica - - -

If I managed to help you, please click my reputation
find quote
bodhi Offline
Fan
Posts: 432
Joined: Sep 2010
Reputation: 1
Post: #12
(2012-02-15 16:23)mad-max Wrote:  ...
Then includes:
Code:
<include name="ButtonHomeSubCommonValues">
   <height>35</height>
   <width>180</width>
   <textwidth>195</textwidth>
   <align>center</align>
   <aligny>center</aligny>
   <font>font12</font>
   <textcolor>grey2</textcolor>
   <focusedcolor>white</focusedcolor>
   <texturefocus border="5">HomeSubFO.png</texturefocus>
   <texturenofocus border="5">HomeSubNF.png</texturenofocus>
   <pulseonselect>false</pulseonselect>
   <colordiffuse>BBFFFFFF</colordiffuse>
</include>
...

Hi mad-max,

Where should I put this include in the home.xml file?

BTW, your home screen looks really nice :-)

Thanks
(This post was last modified: 2012-03-28 06:11 by bodhi.)
find quote
mad-max Offline
Posting Freak
Posts: 1,478
Joined: Jul 2010
Reputation: 57
Location: Germany
Post: #13
Hey bodhi,

the code block you mentioned above is not for Home.xml...it goes into "includes.xml" basically most of this control is the same...should be sufficient to simply add the passage of <colordiffuse>

[Image: obi3o55x.jpg]
[Image: 7c8w3bu8.png]

- - - Tribute to Metallica - - -

If I managed to help you, please click my reputation
find quote
bodhi Offline
Fan
Posts: 432
Joined: Sep 2010
Reputation: 1
Post: #14
Thanks mad-max,

It works great! I think I got the idea now.
find quote
Jeba Offline
Junior Member
Posts: 8
Joined: Mar 2012
Reputation: 0
Post: #15
(2012-03-27 08:32)mad-max Wrote:  What music screen do you mean excatly? Simply the thumbnail view in database view?
Can you post a screenshot of what parts shall be transpararent

mad-max

Hey Mad-max,

I posted some screenshots of what I mean (on a 4:3 touchscreen 1024x768). I use xbmc in file mode, thumbnail view. And file list view when opening the albums. I would like to make the container holding the thumbnails more transparent, also the container holding the filelist. And is there a way to remove the big black horizontal bar on the downside of the screen, but leave the now playing info etc intact?

And as you can see in both pictures, the music info on items / page and duration in the down right corner is a bit to far to the right. Is there a way to position it more to the left? So that the info is inside the shadow of the container. I hope I explain it well enough.

Could you help? Would be very appreciated!

[Image: music.jpg]

[Image: music2.jpg]
(This post was last modified: 2012-03-28 11:22 by Jeba.)
find quote
Post Reply