2019-04-19, 14:25
(2019-04-19, 10:27)bergi_37 Wrote:(2019-04-18, 12:52)beatmasterrs Wrote:Thanks beatmaster, I found it and change it.(2019-04-17, 20:44)bergi_37 Wrote: Hi guys,Yes, that's possible. Please go to settings -> skin stettings -> home -> customise home menu. There you can set a background picture for each menu item.
I´m new at this skin. Is it possible to change the background of the start screen/home screen.
I mean instead of the "boring" sky picture, I would like to set an own wallpaper/picture for each menu topic (Filme, Serien, Musik, etc.)
Is it possible?
Can I change the brown color of the Menu row also? Or can I make it transparency...
There are different color settings, also white. If you only want to change the menu bar, then you have to edit a file in your skin folder:
includes_home.xml, lines 1115 -1177
xml:<control type="group">
<visible>!Skin.HasSetting(home.oldmenuheight)</visible>
<control type="image" description="BottomBG">
<width>100%</width>
<height>160</height>
<bottom>30</bottom>
<aspectratio aligny="bottom">scale</aspectratio>
<texture colordiffuse="Background">common/bg.jpg</texture>
<animation effect="fade" start="100" end="75" time="200" condition="true">Conditional</animation>
</control>
<control type="image" description="FanartOverlay">
<width>100%</width>
<height>160</height>
<bottom>30</bottom>
<aspectratio aligny="bottom">scale</aspectratio>
<texture colordiffuse="FloorFade2">common/floor.png</texture>
</control>
<control type="image" description="Shadow">
<width>100%</width>
<height>1</height>
<bottom>190</bottom>
<texture flipy="true" colordiffuse="BoxHomerow">common/sch2.png</texture>
<visible>!Skin.HasSetting(thumbnails.white)</visible>
</control>
<control type="image" description="Shadow">
<width>100%</width>
<height>1</height>
<bottom>29</bottom>
<texture flipy="true" colordiffuse="BoxHomerow">common/sch2.png</texture>
<visible>!Skin.HasSetting(thumbnails.white)</visible>
</control>
</control>
<control type="group">
<visible>Skin.HasSetting(home.oldmenuheight)</visible>
<control type="image" description="BottomBG">
<width>100%</width>
<height>220</height>
<bottom>0</bottom>
<aspectratio aligny="bottom">scale</aspectratio>
<texture colordiffuse="Background">common/bg.jpg</texture>
<animation effect="fade" start="100" end="75" time="200" condition="true">Conditional</animation>
</control>
<control type="image" description="FanartOverlay">
<width>100%</width>
<height>220</height>
<bottom>0</bottom>
<aspectratio aligny="bottom">scale</aspectratio>
<texture colordiffuse="FloorFade">common/floor.png</texture>
</control>
<control type="image" description="Shadow">
<width>100%</width>
<height>16</height>
<bottom>220</bottom>
<texture flipy="true">common/shadow16B.png</texture>
</control>
<control type="image" description="Shadow">
<width>100%</width>
<height>1</height>
<bottom>220</bottom>
<texture flipy="true" colordiffuse="BoxHomerow">common/sch2.png</texture>
<visible>!Skin.HasSetting(thumbnails.white)</visible>
</control>
</control>
the main textures for the menu bar are "common/bg.jpg" and "common/floor.png". A quick and dirty solution is to fade is out by adding a line of code, f.e:
xml:<control type="group">
<visible>!Skin.HasSetting(home.oldmenuheight)</visible>
<control type="image" description="BottomBG">
<width>100%</width>
<height>160</height>
<bottom>30</bottom>
<aspectratio aligny="bottom">scale</aspectratio>
<texture colordiffuse="Background">common/bg.jpg</texture>
<animation effect="fade" start="100" end="10" time="0" condition="true">Conditional</animation>
</control>
<control type="image" description="FanartOverlay">
<width>100%</width>
<height>160</height>
<bottom>30</bottom>
<aspectratio aligny="bottom">scale</aspectratio>
<texture colordiffuse="FloorFade2">common/floor.png</texture>
<animation effect="fade" start="100" end="10" time="0" condition="true">Conditional</animation>
</control>
<control type="image" description="Shadow">
<width>100%</width>
<height>1</height>
<bottom>190</bottom>
<texture flipy="true" colordiffuse="BoxHomerow">common/sch2.png</texture>
<visible>!Skin.HasSetting(thumbnails.white)</visible>
</control>
<control type="image" description="Shadow">
<width>100%</width>
<height>1</height>
<bottom>29</bottom>
<texture flipy="true" colordiffuse="BoxHomerow">common/sch2.png</texture>
<visible>!Skin.HasSetting(thumbnails.white)</visible>
</control>
</control>
<control type="group">
<visible>Skin.HasSetting(home.oldmenuheight)</visible>
<control type="image" description="BottomBG">
<width>100%</width>
<height>220</height>
<bottom>0</bottom>
<aspectratio aligny="bottom">scale</aspectratio>
<texture colordiffuse="Background">common/bg.jpg</texture>
<animation effect="fade" start="100" end="10" time="0" condition="true">Conditional</animation>
</control>
<control type="image" description="FanartOverlay">
<width>100%</width>
<height>220</height>
<bottom>0</bottom>
<aspectratio aligny="bottom">scale</aspectratio>
<texture colordiffuse="FloorFade">common/floor.png</texture>
<animation effect="fade" start="100" end="10" time="0" condition="true">Conditional</animation>
</control>
<control type="image" description="Shadow">
<width>100%</width>
<height>16</height>
<bottom>220</bottom>
<texture flipy="true">common/shadow16B.png</texture>
</control>
<control type="image" description="Shadow">
<width>100%</width>
<height>1</height>
<bottom>220</bottom>
<texture flipy="true" colordiffuse="BoxHomerow">common/sch2.png</texture>
<visible>!Skin.HasSetting(thumbnails.white)</visible>
</Control>
After changes save the file and reload skin or restart kodi for changes to take effect.
There are certainly more elegant ways, but without skinning knowledge it is maybe the easiest way to do that.