Mod kodi-18.0 D.I.Y
#1
software notpad ++
https://notepad-plus-plus.org/download/v7.5.6.html

setup
copy skin.estuary from kodi addons folder in Program Files to user\AppData\Roaming\Kodi\addons
rename skin.estuary to skin.test open folder edit addons.xml
addon id="skin.estuary"
change to addon id="skin.test" and name to name="test"
run kodi
go to add-ons
my add-ona
look and feel
skin
click n test and enable then use
the theme is now ready to edit
Reply
#2
First Mod
add 2nd movie menu
in kodi go to video files select folder with movies click and add to favourites
open user\AppData\Roaming\Kodi\userdata and open favourites.xml in notepad++
goto addons\skin.test\xml open home.xml
find
xml:
<item>
       <label>$LOCALIZE[342]</label>
       <onclick condition="Library.HasContent(movies) + Skin.HasSetting(home_no_categories_widget)">ActivateWindow(Videos,videodb://movies/,return)</onclick>
       <onclick condition="Library.HasContent(movies) + !Skin.HasSetting(home_no_categories_widget)">ActivateWindow(Videos,videodb://movies/titles/,return)</onclick>
       <onclick condition="!Library.HasContent(movies)">ActivateWindow(Videos,sources://video/,return)</onclick>
       <property name="menu_id">$NUMBER[5000]</property>
       <thumb>icons/sidemenu/movies.png</thumb>
       <property name="id">movies</property>
       <visible>!Skin.HasSetting(HomeMenuNoMovieButton)</visible>
      </item>
after </item> paste the new menu
you will need to replace <label>your folder</label>
<onclick>ActivateWindow(videos, Copy from favourites  ,return)</onclick> this is the link to the new menu
       
=================================================
to set the menu path switch to favourites now copy the info for the folder
ActivateWindow(10025,&quot;E:\\Blu-Ray\\&quot;,return)
==============================================
NEW MENU _________________
<item>
       <label>Blu-Ray</label>
       <onclick>ActivateWindow(10025,&quot;E:\\Blu-Ray\\&quot;,return)</onclick>
       <property name="menu_id">$NUMBER[5000]</property>
       <thumb>icons/sidemenu/movies.png</thumb>
       <property name="id">movies</property>
       <visible>!Skin.HasSetting(HomeMenuNoMovieButton)</visible>
      </item>

save and test in kodi

Image
Reply
#3
2ND Mod
add menu for Actors
xml:
<item>
       <label>Actors</label>
       <onclick>ActivateWindow(videos,library://video/movies/actors.xml,return)</onclick>
       <property name="menu_id">$NUMBER[5000]</property>
       <thumb>icons/sidemenu/movies.png</thumb>
       <property name="id">movies</property>
       <visible>!Skin.HasSetting(HomeMenuNoMovieButton)</visible>
      </item>

Image
Reply
#4
EPG mod
edit Includes_PVR.xml
find
xml:
<control type="label" id="1">
      <left>68</left>
      <top>-2</top>
      <height>60</height>
      <font>font0</font>
      <label>$INFO[ListItem.ChannelName]</label>
      <aligny>center</aligny>
      <textoffsetx>10</textoffsetx>
     </control>

there are 2 lots to change
Image

replace with
xml:
<control type="image" id="1">
      <top>0</top>
      <left>75</left>
      <width>100</width>
      <height>60</height>
      <aspectratio align="center" aligny="center">keep</aspectratio>
      <fadetime>400</fadetime>
      <texture>$INFO[ListItem.Icon]</texture>
     </control>
Reply
#5
music menu straight to album
replace

xml:
<item>
       <label>$LOCALIZE[2]</label>
       <onclick>ActivateWindow(Music,root,return)</onclick>
       <property name="menu_id">$NUMBER[7000]</property>
       <thumb>icons/sidemenu/music.png</thumb>
       <property name="id">music</property>
       <visible>!Skin.HasSetting(HomeMenuNoMusicButton)</visible>
      </item>
with
     
xml:
 <item>
       <label>$LOCALIZE[2]</label>
       <onclick>ActivateWindow(10502,&quot;library://music/albums.xml/&quot;,return)</onclick>
       <property name="menu_id">$NUMBER[7000]</property>
       <thumb>icons/sidemenu/music.png</thumb>
       <property name="id">music</property>
       <visible>!Skin.HasSetting(HomeMenuNoMusicButton)</visible>
      </item>
Reply
#6
to make fanart more visible
Includes.xml
xml:
<texture background="true" colordiffuse="37FFFFFF">$VAR[MediaFanartVar]</texture>

you can change 37FFFFFF 37 is visibility and fffffff is white

or you can delete it
<texture background="true" >$VAR[MediaFanartVar]</texture>
Reply
#7
View_500_Wall.xml

increase icon zoom

look for
xml:
< animation effect="zoom" start="100" end="110" time="200" tween="sine" easing="inout" center="160,300">Focus</animation>
< animation effect="zoom" start="110" end="100" time="200" tween="sine" easing="inout" center="160,300">UnFocus</animation>

you may need to play around with it to find the right size but some thing like 160 works
xml:
< animation effect="zoom" start="100" end="160" time="200" tween="sine" easing="inout" center="160,300">Focus</animation>
< animation effect="zoom" start="160" end="100" time="200" tween="sine" easing="inout" center="160,300">UnFocus</animation>
Reply
#8
Replace Images
kodi texture tool
https://kodi.wiki/view/TextureTool

how to  use
make a folder on the desktop called [font]Textures[/font]
[font]make a shortcut to C:\Users\user\AppData\Roaming\Kodi\addons\skin.name\media[/font]

1 select the input file Textures.xbt
C:\Users\user\AppData\Roaming\Kodi\addons\skin.name\media

2 select to output
Textures

3 press start to begin

images are in png format so you will need a paint program that works with transparent
https://www.microsoft.com/en-au/p/transp...verviewtab

modify images or if you are not sharing the images use google
https://www.google.com.au/search?q=actor...59&dpr=1.5

1 select the input
Textures

2 select the output
C:\Users\user\AppData\Roaming\Kodi\addons\skin.name\media

3press start
Reply
#9
set up full width menus Image
under <control type="fixedlist" id="9000"> find  <width>95</width> and change to  <width>450</width>
Quote:to remove name on menu   <!--- <label>$INFO[ListItem.Label]</label> -->
xml:
<control type="image">
<left>-3</left>
<top>1</top>
<width>450</width>
<height>95</height>
<texture colordiffuse="button_focus">$INFO[ListItem.Art(thumb)]</texture>
<animation effect="fade" start="0" end="100" time="300" reversible="false">Focus</animation>
</control>
<control type="image">
<left>0</left>
<top>0</top>
<width>450</width>
<height>95</height>
<texture colordiffuse="51FFFFFF">colors/black.png</texture>
<animation effect="fade" start="100" end="0" time="0" condition="[!Control.HasFocus(9000) + !ControlGroup(700).HasFocus] | System.HasActiveModalDialog">Conditional</animation>
</control>
</control>
<control type="image">
<left>-3</left>
<top>1</top>
<width>450</width>
<height>95</height>
<texture>$INFO[ListItem.Art(thumb)]</texture>
</control>
<control type="label">
<left>104</left>
<top>0</top>
<height>95</height>
<width>560</width>
<aligny>center</aligny>
<font>font37</font>
<!--- <label>$INFO[ListItem.Label]</label> -->
<shadowcolor>text_shadow</shadowcolor>
</control>

</focusedlayout>
<itemlayout height="95">
<control type="image">
<left>-3</left>
<top>1</top>
<width>450</width>
<height>95</height>
<texture colordiffuse="44FFFFFF">$INFO[ListItem.Art(thumb)]</texture>
</control>
Reply
#10
Nice! Thanks for all the explanations. I will use a couple of these in my mod I think
Reply
#11
Image Image Image Image Image Image Image Image
Reply
#12
Wow! Psychedelic Smile

Can you share the icon artwork somewhere?
Reply
#13
(2018-07-12, 13:15)docwra Wrote: Wow! Psychedelic Smile

Can you share the icon artwork somewhere?
 NO some of them may be copyrighted they are from google
https://www.google.com.au/search?q=video...59&dpr=1.5
https://www.google.com.au/search?biw=128...4Ujjpwl-QY
https://www.google.com.au/search?biw=128...S9g4djU1P0
https://www.google.com.au/search?biw=128...D7vVj3hiVs
Reply
#14
MusicVisualisation
can be changed by replacing \skin\extras\backgrounds
Reply
#15
would the guide look better with icons and channel names rather than numbers ? Is it possible to remove numbers , it looks like that would leave enough space for channel names alongside icons ? 
http://i.imgur.com/uBO3Lx4.png
Reply

Logout Mark Read Team Forum Stats Members Help
kodi-18.0 D.I.Y0