Skin MOD - Share your themes : Custom lists

  Thread Rating:
  • 1 Vote(s) - 5 Average
  • 1
  • 2
  • 3
  • 4
  • 5
Post Reply
Jayz2K Offline
Skilled Skinner
Posts: 1,157
Joined: Aug 2014
Reputation: 47
Location: Sierck-les-bains - France
Brick  Share your themes : Custom lists
Post: #1
RESERVED for sharing your settings

Post here your custom lists.
Share your work providing screenshots and xml files.
PLEASE USE THE CODE TAG FOR COPY / PASTE OR SHARE A LINK TO THE FILE

Sharing custom lists :

Informations about custom lists :

https://github.com/Jayz2K/skin.KOver#exp...stom-lists

WARNING !!!

Custom lists are skin files, meaning each KOver update will override them.
Always keep a safe copy of your / or downloaded code.
You will have to replace them after an update

[Skin] KOver - V1.1.0 Stable (Repo version)
[WIP] ReKOver - Skinning tool project

If I've been helpful or you like my work, hit "THANK USER" button ;) ...
(This post was last modified: 2016-01-08 17:35 by Jayz2K.)
find quote
Jayz2K Offline
Skilled Skinner
Posts: 1,157
Joined: Aug 2014
Reputation: 47
Location: Sierck-les-bains - France
Post: #2
BOOKMARK VIEW

This is intended to be used with a 3x3 layout, horizontal scroll

[Image: gNlQm3y.png]

Itemlayout :

Code:
        <itemlayout width="382" height="1067">
            <control type="group">
                <top>120</top>
                <control type="image">
                    <left>0</left>
                    <top>0</top>
                    <width>381</width>
                    <height>960</height>
                    <aspectratio>scale</aspectratio>
                    <texture colordiffuse="$INFO[Skin.String(Color.B1ItemNF)]">common/white.png</texture>
                </control>
                <control type="image">
                    <left>0</left>
                    <top>0</top>
                    <width>381</width>
                    <height>380</height>
                    <aspectratio>scale</aspectratio>
                    <texture colordiffuse="FFFFFFFF">$VAR[ThumbLandscape]</texture>
                </control>
                <control type="label">
                    <top>400</top>
                    <left>49</left>
                    <width>284</width>
                    <height>80</height>
                    <align>left</align>
                    <font>Font36</font>
                    <textcolor>$INFO[Skin.String(Color.B1Txt1NF)]</textcolor>
                    <label>$INFO[ListItem.Label]</label>
                </control>
                <control type="textbox">
                    <top>510</top>
                    <left>49</left>
                    <width>284</width>
                    <height>334</height>
                    <font>FontSmall</font>
                    <textcolor>$INFO[Skin.String(Color.B1Txt2NF)]</textcolor>
                    <label>$INFO[ListItem.Plot]</label>
                </control>
                <control type="label">
                    <bottom>40</bottom>
                    <left>49</left>
                    <width>328</width>
                    <height>24</height>
                    <align>left</align>
                    <font>FontSmallR</font>
                    <textcolor>$INFO[Skin.String(Color.B1Txt1NF)]</textcolor>
                    <label>$INFO[ListItem.Duration,, mins]</label>
                </control>
                <control type="image">
                    <description>Rating value</description>
                    <right>49</right>
                    <bottom>26</bottom>
                    <width>100</width>
                    <height>50</height>
                    <aspectratio align="left">keep</aspectratio>
                    <texture colordiffuse="$VAR[CategoryColor]" fallback="rating0.png">$INFO[ListItem.StarRating,]</texture>
                    <visible>IsEmpty(ListItem.Property(ChannelName)) + IsEmpty(ListItem.ChannelName)</visible>
                </control>
            </control>
        </itemlayout>

Focusedlayout :

Code:
        <focusedlayout width="382" height="1067">
            <control type="image">
                <left>0</left>
                <top>0</top>
                <width>381</width>
                <height>120</height>
                <aspectratio>scale</aspectratio>
                <texture colordiffuse="$VAR[CategoryColor]">common/white.png</texture>
            </control>
            <control type="image">
                <left>24</left>
                <top>20</top>
                <width>200</width>
                <height>80</height>
                <aspectratio>keep</aspectratio>
                <texture colordiffuse="$INFO[Skin.String(Color.B1Txt1F)]">material/left.png</texture>
            </control>
            <control type="image">
                <right>24</right>
                <top>20</top>
                <width>200</width>
                <height>80</height>
                <aspectratio>keep</aspectratio>
                <texture colordiffuse="$INFO[Skin.String(Color.B1Txt1F)]">material/right.png</texture>
            </control>
            <control type="group">
                <top>120</top>
                <control type="image">
                    <left>0</left>
                    <top>0</top>
                    <width>381</width>
                    <height>960</height>
                    <aspectratio>scale</aspectratio>
                    <texture colordiffuse="$INFO[Skin.String(Color.B1ItemNF)]">common/white.png</texture>
                </control>
                <control type="image">
                    <left>0</left>
                    <top>0</top>
                    <width>381</width>
                    <height>380</height>
                    <aspectratio>scale</aspectratio>
                    <texture colordiffuse="FFFFFFFF">$VAR[ThumbLandscape]</texture>
                </control>
                <control type="image">
                    <left>0</left>
                    <top>-85</top>
                    <width>381</width>
                    <height>200</height>
                    <aspectratio>keep</aspectratio>
                    <texture colordiffuse="$VAR[CategoryColor]">osd/channeldown.png</texture>
                </control>
                <control type="label">
                    <top>400</top>
                    <left>49</left>
                    <width>284</width>
                    <height>80</height>
                    <align>left</align>
                    <font>Font36</font>
                    <textcolor>$INFO[Skin.String(Color.B1Txt1NF)]</textcolor>
                    <label>$INFO[ListItem.Label]</label>
                </control>
                <control type="textbox">
                    <top>510</top>
                    <left>49</left>
                    <width>284</width>
                    <height>334</height>
                    <font>FontSmall</font>
                    <textcolor>$INFO[Skin.String(Color.B1Txt2NF)]</textcolor>
                    <label>$INFO[ListItem.Plot]</label>
                </control>
                <control type="label">
                    <bottom>40</bottom>
                    <left>49</left>
                    <width>328</width>
                    <height>24</height>
                    <align>left</align>
                    <font>FontSmallR</font>
                    <textcolor>$INFO[Skin.String(Color.B1Txt1NF)]</textcolor>
                    <label>$INFO[ListItem.Duration,, mins]</label>
                </control>
                <control type="image">
                    <description>Rating value</description>
                    <right>49</right>
                    <bottom>26</bottom>
                    <width>100</width>
                    <height>50</height>
                    <aspectratio align="left">keep</aspectratio>
                    <texture colordiffuse="$VAR[CategoryColor]" fallback="rating0.png">$INFO[ListItem.StarRating,]</texture>
                    <visible>IsEmpty(ListItem.Property(ChannelName)) + IsEmpty(ListItem.ChannelName)</visible>
                </control>
            </control>
        </focusedlayout>

Link to the Template file (template 1) :

https://drive.google.com/open?id=0B0PL_Q...mtDSzJObFU

Link to the custom list (custom 1) :

https://drive.google.com/open?id=0B0PL_Q...VhfRzREdm8

Instruction :

1. Download and overide the Designer_CustomList1.xml in the /16x9 folder of the skin
2. Go to the skin settings Import / Export
3. Choose Import... and browse the first downloaded file (BookMark View.zip) (this will overide template 1)
4. Go to the Designer
5. Browse the section you want to apply the template
6. Browse a free view or one you want to overide
7. Press enter or click the view name
8. Scroll down to "Template 1" and choose apply template to view

Your done ! Just select the view in the corresponding section.

[Skin] KOver - V1.1.0 Stable (Repo version)
[WIP] ReKOver - Skinning tool project

If I've been helpful or you like my work, hit "THANK USER" button ;) ...
(This post was last modified: 2016-01-08 16:43 by Jayz2K.)
find quote
Jayz2K Offline
Skilled Skinner
Posts: 1,157
Joined: Aug 2014
Reputation: 47
Location: Sierck-les-bains - France
Post: #3
FIXED LIST NO ART VIEW [MOD] (REQUEST)

Original FIXEDLIST variation requested without Art / Thumbs / Icons :

Itemlayout :

Code:
        <itemlayout width="636" height="119">
            <control type="group">
                <control type="image">
                    <left>0</left>
                    <top>0</top>
                    <height>118</height>
                    <align>center</align>
                    <bordersize>0,0,1,0</bordersize>
                    <texture border="0,0,1,0" colordiffuse="$INFO[Skin.String(Color.B1ItemNF)]">common/white.png</texture>
                </control>
                <control type="label">
                    <left>24</left>
                    <top>20</top>
                    <width>588</width>
                    <height>50</height>
                    <align>left</align>
                    <aligny>center</aligny>
                    <font>Font27</font>
                    <textcolor>$INFO[Skin.String(Color.B1Txt1NF)]</textcolor>
                    <label>$VAR[B1Title]</label>
                </control>
                <control type="label">
                    <left>24</left>
                    <top>50</top>
                    <width>588</width>
                    <height>50</height>
                    <align>left</align>
                    <aligny>center</aligny>
                    <font>FontSmallR</font>
                    <textcolor>$INFO[Skin.String(Color.B1Txt2NF)]</textcolor>
                    <label>$VAR[B1SubTitle]</label>
                </control>
            </control>
            <control type="group">
                <right>1</right>
                <top>0</top>
                <width>100</width>
                <height>100</height>
                <control type="image">
                    <right>0</right>
                    <top>0</top>
                    <aspectratio>scale</aspectratio>
                    <texture colordiffuse="$VAR[CategoryColor]">common/corner.png</texture>
                </control>
                <control type="image">
                    <right>5</right>
                    <top>5</top>
                    <width>25</width>
                    <height>25</height>
                    <aspectratio>scale</aspectratio>
                    <texture colordiffuse="$INFO[Skin.String(Color.B1Txt1F)]">material/check.png</texture>
                    <visible>!ListItem.HasTimer + !ListItem.IsRecording + !ListItem.IsResumable</visible>
                </control>
                <control type="image">
                    <right>6</right>
                    <top>6</top>
                    <width>25</width>
                    <height>25</height>
                    <aspectratio>scale</aspectratio>
                    <texture colordiffuse="$INFO[Skin.String(Color.B1Txt1F)]">osd/pause.png</texture>
                    <visible>ListItem.IsResumable</visible>
                </control>
                <!-- Recording image -->
                <control type="image">
                    <right>5</right>
                    <top>5</top>
                    <width>25</width>
                    <height>25</height>
                    <aspectratio>scale</aspectratio>
                    <texture colordiffuse="$INFO[Skin.String(Color.B1Txt1F)]">osd/record.png</texture>
                    <visible>ListItem.IsRecording</visible>
                </control>
                <!-- Timer image -->
                <control type="image">
                    <right>5</right>
                    <top>5</top>
                    <width>25</width>
                    <height>25</height>
                    <aspectratio>scale</aspectratio>
                    <texture colordiffuse="$INFO[Skin.String(Color.B1Txt1F)]">material/clock.png</texture>
                    <visible>ListItem.HasTimer + !ListItem.IsRecording</visible>
                </control>            

            <visible>[Skin.HasSetting(WatchedFlag) + [Container.Content(movies) + stringcompare(ListItem.Overlay,OverlayWatched.png)] | [Container.Content(episodes) + stringcompare(ListItem.Overlay,OverlayWatched.png)] | [Container.Content(seasons) + stringcompare(ListItem.Overlay,OverlayWatched.png)] | [Container.Content(tvshows) + stringcompare(ListItem.Overlay,OverlayWatched.png)] | ListItem.IsResumable] | ListItem.IsRecording | ListItem.HasTimer</visible>
            </control>
        </itemlayout>

Focusedlayout :

Code:
        <focusedlayout width="636" height="118">
            <control type="group">
                <control type="image">
                    <left>0</left>
                    <top>0</top>
                    <height>118</height>
                    <align>center</align>
                    <bordersize>0,0,1,0</bordersize>
                    <texture border="0,0,1,0" colordiffuse="$INFO[Skin.String(Color.B1ItemNF)]">common/white.png</texture>
                </control>
                <control type="image">
                    <left>0</left>
                    <top>0</top>
                    <height>118</height>
                    <align>center</align>
                    <bordersize>0,0,1,0</bordersize>
                    <texture border="0,0,1,0" colordiffuse="$VAR[CategoryColor]">common/white.png</texture>
                </control>
                <control type="label">
                    <left>24</left>
                    <top>20</top>
                    <width>588</width>
                    <height>50</height>
                    <align>left</align>
                    <aligny>center</aligny>
                    <font>Font27</font>
                    <textcolor>$INFO[Skin.String(Color.B1Txt1F)]</textcolor>
                    <label>$VAR[B1Title]</label>
                </control>
                <control type="label">
                    <left>24</left>
                    <top>50</top>
                    <width>588</width>
                    <height>50</height>
                    <align>left</align>
                    <aligny>center</aligny>
                    <font>FontSmallR</font>
                    <textcolor>$INFO[Skin.String(Color.B1Txt2F)]</textcolor>
                    <label>$VAR[B1SubTitle]</label>
                </control>
            </control>
            <control type="group">
                <right>1</right>
                <top>0</top>
                <width>100</width>
                <height>100</height>
                <control type="image">
                    <right>0</right>
                    <top>0</top>
                    <aspectratio>scale</aspectratio>
                    <texture colordiffuse="$VAR[CategoryColor]">common/corner.png</texture>
                </control>
                <control type="image">
                    <right>5</right>
                    <top>5</top>
                    <width>25</width>
                    <height>25</height>
                    <aspectratio>scale</aspectratio>
                    <texture colordiffuse="$INFO[Skin.String(Color.B1Txt1F)]">material/check.png</texture>
                    <visible>!ListItem.HasTimer + !ListItem.IsRecording + !ListItem.IsResumable</visible>
                </control>
                <control type="image">
                    <right>6</right>
                    <top>6</top>
                    <width>25</width>
                    <height>25</height>
                    <aspectratio>scale</aspectratio>
                    <texture colordiffuse="$INFO[Skin.String(Color.B1Txt1F)]">osd/pause.png</texture>
                    <visible>ListItem.IsResumable</visible>
                </control>
                <!-- Recording image -->
                <control type="image">
                    <right>5</right>
                    <top>5</top>
                    <width>25</width>
                    <height>25</height>
                    <aspectratio>scale</aspectratio>
                    <texture colordiffuse="$INFO[Skin.String(Color.B1Txt1F)]">osd/record.png</texture>
                    <visible>ListItem.IsRecording</visible>
                </control>
                <!-- Timer image -->
                <control type="image">
                    <right>5</right>
                    <top>5</top>
                    <width>25</width>
                    <height>25</height>
                    <aspectratio>scale</aspectratio>
                    <texture colordiffuse="$INFO[Skin.String(Color.B1Txt1F)]">material/clock.png</texture>
                    <visible>ListItem.HasTimer + !ListItem.IsRecording</visible>
                </control>            

            <visible>[Skin.HasSetting(WatchedFlag) + [Container.Content(movies) + stringcompare(ListItem.Overlay,OverlayWatched.png)] | [Container.Content(episodes) + stringcompare(ListItem.Overlay,OverlayWatched.png)] | [Container.Content(seasons) + stringcompare(ListItem.Overlay,OverlayWatched.png)] | [Container.Content(tvshows) + stringcompare(ListItem.Overlay,OverlayWatched.png)] | ListItem.IsResumable] | ListItem.IsRecording | ListItem.HasTimer</visible>
            </control>
        </focusedlayout>

Link to the custom list (custom 2) :

https://drive.google.com/file/d/0B0PL_QS...sp=sharing

Instruction :

1. Download and overide the Designer_CustomList2.xml in the /16x9 folder of the skin

Your done ! Just select the ListType CUSTOM2 in the Designer Bloc1.

[Skin] KOver - V1.1.0 Stable (Repo version)
[WIP] ReKOver - Skinning tool project

If I've been helpful or you like my work, hit "THANK USER" button ;) ...
(This post was last modified: 2016-01-24 00:45 by Jayz2K.)
find quote
Shogun Offline
Member
Posts: 59
Joined: Nov 2015
Reputation: 2
Post: #4
AlbumWall View (recommended for 3xH and 1xW)

[Image: f6Dh8MU.jpg]


Download Frame (insert into Skin Folder)

Itemlayout:
Code:
<itemlayout width="212" height="213">
            <control type="image">
                <height>212</height>
                <aspectratio>stretch</aspectratio>
                <texture fallback="osd/audio.png">$VAR[ThumbPortrait]</texture>
            </control>
            <control type="label">
                <height>370</height>
                <left>0</left>
                <align>center</align>
                <aligny>center</aligny>
                <font>FontSmallR</font>
    <textcolor>75ffffff</textcolor>
                <label>[UPPERCASE]$INFO[Skin.String(Color.B1ItemFMUS)][/UPPERCASE]$INFO[ListItem.Label]</label>
            </control>
            </itemlayout>

Focusedlayout:
Code:
<focusedlayout width="212" height="213">
            <control type="image">
                <height>212</height>
                <aspectratio>stretch</aspectratio>
                <texture fallback="osd/audio.png">$VAR[ThumbPortrait]</texture>
</control>
<control type="image">
                    <left>-7</left>
                    <top>-6</top>
                    <width>225</width>
                    <height>225</height>
                    <aspectratio>scale</aspectratio>
                    <texture colordiffuse="$VAR[CategoryColor]">common/flag_frame3.png</texture>

            </control>
<control type="image">
                    <left>4</left>
                    <top>168</top>
                    <width>203</width>
                    <height>40</height>
                    <aspectratio>scale</aspectratio>
                    <texture colordiffuse="ff000000">common/white.png</texture>
</control>
                <control type="label">
                <height>370</height>
                <left>0</left>
                <align>center</align>
                <aligny>center</aligny>
                <font>FontSmallR</font>
<textcolor>FFFFFFFF</textcolor>
    <label>$INFO[ListItem.Label]</label>
                 </control>
        </focusedlayout>
(This post was last modified: 2016-01-23 20:05 by Shogun.)
find quote
Jayz2K Offline
Skilled Skinner
Posts: 1,157
Joined: Aug 2014
Reputation: 47
Location: Sierck-les-bains - France
Post: #5
(2016-01-23 19:58)Shogun Wrote:  AlbumWall View (recommended for 3xH and 1xW)

Good job ! Nod

Like it Cool

[Skin] KOver - V1.1.0 Stable (Repo version)
[WIP] ReKOver - Skinning tool project

If I've been helpful or you like my work, hit "THANK USER" button ;) ...
find quote
Jayz2K Offline
Skilled Skinner
Posts: 1,157
Joined: Aug 2014
Reputation: 47
Location: Sierck-les-bains - France
Post: #6
LANDSCAPE ART VIEW [FANART MOD] (REQUEST)

Original FANART variation requested showing LANDSCAPE ART instead.
Fanart as fallback.

REQUIRES ARTWORK.DOWNLOADER INSTALLED (check skin settings > enhancement)

[Image: Clg7Umb.png]

Itemlayout :

Code:
        <itemlayout width="636" height="356">
            <control type="image">
                <left>0</left>
                <top>0</top>
                <width>635</width>
                <height>355</height>
                <aspectratio>stretch</aspectratio>
                <texture colordiffuse="$INFO[Skin.String(Color.B1ItemNF)]">common/white.png</texture>
            </control>
            <control type="image">
                <left>197.5</left>
                <top>8</top>
                <width>240</width>
                <height>240</height>
                <align>center</align>
                <aspectratio>keep</aspectratio>
                <texture background="true" colordiffuse="$INFO[Skin.String(Color.B1Txt1NF)]">$VAR[ThumbIcon]</texture>
                <visible>[IsEmpty(ListItem.Property(ChannelName)) + IsEmpty(ListItem.ChannelName)] + [ListItem.IsFolder | IsEmpty(ListItem.Art(thumb)) | !IsEmpty(ListItem.Property(labelID))]</visible>
            </control>
            <control type="image">
                <left>0</left>
                <top>1</top>
                <width>635</width>
                <height>355</height>
                <align>center</align>
                <aligny>top</aligny>
                <aspectratio>scale</aspectratio>
                <texture background="true" colordiffuse="FFFFFFFF">$INFO[ListItem.Art(landscape)]</texture>
                <visible>!IsEmpty(ListItem.Art(landscape))</visible>
            </control>
            <control type="image">
                <left>0</left>
                <top>1</top>
                <width>635</width>
                <height>355</height>
                <align>center</align>
                <aligny>top</aligny>
                <aspectratio>scale</aspectratio>
                <texture background="true" colordiffuse="FFFFFFFF">$VAR[ThumbLandscape]</texture>
                <visible>IsEmpty(ListItem.Art(landscape))</visible>
            </control>
            <control type="group">
                <right>0</right>
                <top>0</top>
                <width>100</width>
                <height>100</height>
                <control type="image">
                    <right>1</right>
                    <top>1</top>
                    <aspectratio>scale</aspectratio>
                    <texture colordiffuse="$VAR[CategoryColor]">common/corner.png</texture>
                </control>
                <control type="image">
                    <right>6</right>
                    <top>6</top>
                    <width>25</width>
                    <height>25</height>
                    <aspectratio>scale</aspectratio>
                    <texture colordiffuse="$INFO[Skin.String(Color.B1Txt1F)]">material/check.png</texture>
                    <visible>!ListItem.HasTimer + !ListItem.IsRecording + !ListItem.IsResumable</visible>
                </control>
                <control type="image">
                    <right>6</right>
                    <top>6</top>
                    <width>25</width>
                    <height>25</height>
                    <aspectratio>scale</aspectratio>
                    <texture colordiffuse="$INFO[Skin.String(Color.B1Txt1F)]">osd/pause.png</texture>
                    <visible>ListItem.IsResumable</visible>
                </control>
                <!-- Recording image -->
                <control type="image">
                    <right>6</right>
                    <top>6</top>
                    <width>25</width>
                    <height>25</height>
                    <aspectratio>scale</aspectratio>
                    <texture colordiffuse="$INFO[Skin.String(Color.B1Txt1F)]">osd/record.png</texture>
                    <visible>ListItem.IsRecording</visible>
                </control>
                <!-- Timer image -->
                <control type="image">
                    <right>6</right>
                    <top>6</top>
                    <width>25</width>
                    <height>25</height>
                    <aspectratio>scale</aspectratio>
                    <texture colordiffuse="$INFO[Skin.String(Color.B1Txt1F)]">material/clock.png</texture>
                    <visible>ListItem.HasTimer + !ListItem.IsRecording</visible>
                </control>            

            <visible>[Skin.HasSetting(WatchedFlag) + [Container.Content(movies) + stringcompare(ListItem.Overlay,OverlayWatched.png)] | [Container.Content(episodes) + stringcompare(ListItem.Overlay,OverlayWatched.png)] | [Container.Content(seasons) + stringcompare(ListItem.Overlay,OverlayWatched.png)] | [Container.Content(tvshows) + stringcompare(ListItem.Overlay,OverlayWatched.png)] | ListItem.IsResumable] | ListItem.IsRecording | ListItem.HasTimer</visible>
            </control>
            <control type="group">
                <visible>IsEmpty(ListItem.Art(landscape))</visible>
                <control type="image">
                    <left>0</left>
                    <top>256</top>
                    <width>635</width>
                    <height>100</height>
                    <aspectratio>scale</aspectratio>
                    <texture colordiffuse="$INFO[Skin.String(Color.B1ItemNF)]">common/white.png</texture>
                    <animation effect="fade" start="100" end="80" time="0" condition="true">Conditional</animation>
                </control>
                <control type="image">
                    <left>0</left>
                    <top>256</top>
                    <width>100</width>
                    <height>100</height>
                    <aspectratio>scale</aspectratio>
                    <texture background="true" colordiffuse="FFFFFFFF">$INFO[ListItem.Art(thumb)]</texture>
                    <visible>Container.Content(songs) | !IsEmpty(ListItem.Artist)</visible>
                </control>
                <control type="image">
                    <left>10</left>
                    <top>266</top>
                    <width>80</width>
                    <height>80</height>
                    <aspectratio>scale</aspectratio>
                    <texture background="true" colordiffuse="FFFFFFFF" fallback="material/tv.png">$VAR[ThumbTV]</texture>
                    <visible>!IsEmpty(ListItem.Property(ChannelName)) | !IsEmpty(ListItem.ChannelName)</visible>
                </control>
                <control type="group">
                    <animation effect="slide" start="0,0" end="100,0" time="0" condition="Container.Content(songs) | !IsEmpty(ListItem.Property(ChannelName)) | !IsEmpty(ListItem.ChannelName) | !IsEmpty(ListItem.Artist)">Conditional</animation>
                    <control type="label">
                        <left>12</left>
                        <top>266</top>
                        <width>512</width>
                        <height>50</height>
                        <align>left</align>
                        <aligny>center</aligny>
                        <font>Font27B</font>
                        <textcolor>$INFO[Skin.String(Color.B1Txt1NF)]</textcolor>
                        <label>$VAR[B1Title]</label>
                    </control>
                    <control type="label">
                        <left>12</left>
                        <top>296</top>
                        <width>512</width>
                        <height>50</height>
                        <align>left</align>
                        <aligny>center</aligny>
                        <font>FontSmallR</font>
                        <textcolor>$INFO[Skin.String(Color.B1Txt2NF)]</textcolor>
                        <label>$VAR[B1SubTitle]</label>
                    </control>
                </control>
            </control>
        </itemlayout>

Focusedlayout :

Code:
        <focusedlayout width="636" height="356">
            <control type="image">
                <left>0</left>
                <top>0</top>
                <width>635</width>
                <height>355</height>
                <aspectratio>stretch</aspectratio>
                <texture colordiffuse="$INFO[Skin.String(Color.B1ItemNF)]">common/white.png</texture>
            </control>
            <control type="image">
                <left>197.5</left>
                <top>8</top>
                <width>240</width>
                <height>240</height>
                <align>center</align>
                <aspectratio>keep</aspectratio>
                <texture background="true" colordiffuse="$INFO[Skin.String(Color.B1Txt1NF)]">$VAR[ThumbIcon]</texture>
                <visible>[IsEmpty(ListItem.Property(ChannelName)) + IsEmpty(ListItem.ChannelName)] + [ListItem.IsFolder | IsEmpty(ListItem.Art(thumb)) | !IsEmpty(ListItem.Property(labelID))]</visible>
            </control>
            <control type="image">
                <left>0</left>
                <top>1</top>
                <width>635</width>
                <height>355</height>
                <align>center</align>
                <aligny>top</aligny>
                <aspectratio>scale</aspectratio>
                <texture background="true" colordiffuse="FFFFFFFF">$INFO[ListItem.Art(landscape)]</texture>
                <visible>!IsEmpty(ListItem.Art(landscape))</visible>
            </control>
            <control type="image">
                <left>0</left>
                <top>1</top>
                <width>635</width>
                <height>355</height>
                <align>center</align>
                <aligny>top</aligny>
                <aspectratio>scale</aspectratio>
                <texture background="true" colordiffuse="FFFFFFFF">$VAR[ThumbLandscape]</texture>
                <visible>IsEmpty(ListItem.Art(landscape))</visible>
            </control>
            <control type="group">
                <right>0</right>
                <top>0</top>
                <width>100</width>
                <height>100</height>
                <control type="image">
                    <right>1</right>
                    <top>1</top>
                    <aspectratio>scale</aspectratio>
                    <texture colordiffuse="$VAR[CategoryColor]">common/corner.png</texture>
                </control>
                <control type="image">
                    <right>6</right>
                    <top>6</top>
                    <width>25</width>
                    <height>25</height>
                    <aspectratio>scale</aspectratio>
                    <texture colordiffuse="$INFO[Skin.String(Color.B1Txt1F)]">material/check.png</texture>
                    <visible>!ListItem.HasTimer + !ListItem.IsRecording + !ListItem.IsResumable</visible>
                </control>
                <control type="image">
                    <right>6</right>
                    <top>6</top>
                    <width>25</width>
                    <height>25</height>
                    <aspectratio>scale</aspectratio>
                    <texture colordiffuse="$INFO[Skin.String(Color.B1Txt1F)]">osd/pause.png</texture>
                    <visible>ListItem.IsResumable</visible>
                </control>
                <!-- Recording image -->
                <control type="image">
                    <right>6</right>
                    <top>6</top>
                    <width>25</width>
                    <height>25</height>
                    <aspectratio>scale</aspectratio>
                    <texture colordiffuse="$INFO[Skin.String(Color.B1Txt1F)]">osd/record.png</texture>
                    <visible>ListItem.IsRecording</visible>
                </control>
                <!-- Timer image -->
                <control type="image">
                    <right>6</right>
                    <top>6</top>
                    <width>25</width>
                    <height>25</height>
                    <aspectratio>scale</aspectratio>
                    <texture colordiffuse="$INFO[Skin.String(Color.B1Txt1F)]">material/clock.png</texture>
                    <visible>ListItem.HasTimer + !ListItem.IsRecording</visible>
                </control>            

            <visible>[Skin.HasSetting(WatchedFlag) + [Container.Content(movies) + stringcompare(ListItem.Overlay,OverlayWatched.png)] | [Container.Content(episodes) + stringcompare(ListItem.Overlay,OverlayWatched.png)] | [Container.Content(seasons) + stringcompare(ListItem.Overlay,OverlayWatched.png)] | [Container.Content(tvshows) + stringcompare(ListItem.Overlay,OverlayWatched.png)] | ListItem.IsResumable] | ListItem.IsRecording | ListItem.HasTimer</visible>
            </control>
            <control type="group">
                <visible>IsEmpty(ListItem.Art(landscape))</visible>
                <control type="image">
                    <left>0</left>
                    <top>256</top>
                    <width>635</width>
                    <height>100</height>
                    <aspectratio>scale</aspectratio>
                    <texture colordiffuse="$INFO[Skin.String(Color.B1ItemNF)]">common/white.png</texture>
                    <animation effect="fade" start="100" end="80" time="0" condition="true">Conditional</animation>
                </control>
                <control type="image">
                    <left>0</left>
                    <top>256</top>
                    <width>100</width>
                    <height>100</height>
                    <aspectratio>scale</aspectratio>
                    <texture background="true" colordiffuse="FFFFFFFF">$INFO[ListItem.Art(thumb)]</texture>
                    <visible>Container.Content(songs) | !IsEmpty(ListItem.Artist)</visible>
                </control>
                <control type="image">
                    <left>10</left>
                    <top>266</top>
                    <width>80</width>
                    <height>80</height>
                    <aspectratio>scale</aspectratio>
                    <texture background="true" colordiffuse="FFFFFFFF" fallback="material/tv.png">$VAR[ThumbTV]</texture>
                    <visible>!IsEmpty(ListItem.Property(ChannelName)) | !IsEmpty(ListItem.ChannelName)</visible>
                </control>
                <control type="group">
                    <animation effect="slide" start="0,0" end="100,0" time="0" condition="Container.Content(songs) | !IsEmpty(ListItem.Property(ChannelName)) | !IsEmpty(ListItem.ChannelName) | !IsEmpty(ListItem.Artist)">Conditional</animation>
                    <control type="label">
                        <left>12</left>
                        <top>266</top>
                        <width>512</width>
                        <height>50</height>
                        <align>left</align>
                        <aligny>center</aligny>
                        <font>Font27B</font>
                        <textcolor>$INFO[Skin.String(Color.B1Txt1NF)]</textcolor>
                        <label>$VAR[B1Title]</label>
                    </control>
                    <control type="label">
                        <left>12</left>
                        <top>296</top>
                        <width>512</width>
                        <height>50</height>
                        <align>left</align>
                        <aligny>center</aligny>
                        <font>FontSmallR</font>
                        <textcolor>$INFO[Skin.String(Color.B1Txt2NF)]</textcolor>
                        <label>$VAR[B1SubTitle]</label>
                    </control>
                </control>
            </control>
            <control type="image">
                <left>0</left>
                <bottom>0</bottom>
                <width>635</width>
                <height>8</height>
                <aspectratio>scale</aspectratio>
                <texture colordiffuse="$VAR[CategoryColor]">common/white.png</texture>
            </control>
        </focusedlayout>

Link to the custom list (custom 3) :

https://drive.google.com/file/d/0B0PL_QS...sp=sharing

Instruction :

1. Download and overide the Designer_CustomList3.xml in the /16x9 folder of the skin

Your done ! Just select the ListType CUSTOM3 in the Designer Bloc 1.

[Skin] KOver - V1.1.0 Stable (Repo version)
[WIP] ReKOver - Skinning tool project

If I've been helpful or you like my work, hit "THANK USER" button ;) ...
(This post was last modified: 2016-01-23 20:41 by Jayz2K.)
find quote
Reynald Offline
Posting Freak
Posts: 1,270
Joined: Feb 2014
Reputation: 13
Post: #7
VIEW POSTER SLIDE :

[Image: LXvDeeq.jpg]

https://www.dropbox.com/s/bp2xxgwl8odcre...r.rar?dl=0 ( unzip the file and follow the instructions.)
I use the Skin Frames Posters Conq on, if you do not want to use, not to copy the Media folder.


REQUIRES ARTWORK.DOWNLOADER INSTALLED (check skin settings > enhancement) : Download Logo

To create this view, you must import the Template Post slide and assign to the view you want to change.
Then copy MEDIA folder in your file : C:\Users\YourNAME\AppData\Roaming\Kodi.

copied the folder 16X9 and replaced Custom_List 3 file :
In the Builder view go in
bloc 1, select Image: Choose Image :Fond Black background.png
Bloc 2 : select image : Choose Image :Fond Black background.png
Bloc 3 :select image : Choose Image :Fond Black background.png
Bloc Background : Select image : vignette_slide.png

You can copy images to a folder in the folders of your backups KOVER views, and then assign the PNG images in the block.

Code:
]<!-- Custom List 3 -->


         <itemlayout width="275" height="1067">    
         <control type="group">    
        <top>225</top>    
         <left>15</left>
             <control type="image">
                    <left>0</left>
                    <top>0</top>
                    <width>255</width>
                    <height>381</height>
                    <aspectratio>scale</aspectratio>
                    <texture colordiffuse="$INFO[Skin.String(Color.B1ItemNF)]">common/white.png</texture>
                </control>
                <control type="image">
                    
                    <width>255</width>
                    <height>381</height>
                    <aspectratio>scale</aspectratio>
                    <texture colordiffuse="FFFFFFFF">$VAR[ThumbPortrait]</texture>
                </control>             
             <control type="image">    
             <width>255</width>
                    <height>381</height>                
                   <texture>Frames_Sup/OverlayPosterNF.png</texture>                  
                   <aspectratio align="center" aligny="top">stretch</aspectratio>
                   </control>
            </control>      
        </itemlayout>
        <focusedlayout width="275" height="1067">    
        <control type="group">
        <animation type="Focus">
     <effect type="fade" start="60" end="100" time="150" tween="sine" easing="out"  />    
            <effect type="zoom" tween="Quadratic" start="100" end="130" center="112,350" easing="Out" time="125"/>
        </animation>
        <animation type="UnFocus">
        <effect type="fade" start="60" end="100" time="150" tween="sine" easing="out"  />
            <effect type="zoom" tween="Quadratic" start="130" end="100" center="112,100" easing="Out" time="125" />
        </animation>
        <top>225</top>    
         <left>15</left>        
              <control type="image">
                    <left>0</left>
                    <top>0</top>
                    <width>255</width>
                    <height>381</height>
                    <aspectratio>scale</aspectratio>
                    <texture colordiffuse="$INFO[Skin.String(Color.B1ItemNF)]">common/white.png</texture>
                </control>
                <control type="image">
                    <left>0</left>
                    <top>-0</top>
                    <width>255</width>
                    <height>381</height>
                    <aspectratio>scale</aspectratio>
                    <texture colordiffuse="FFFFFFFF">$VAR[ThumbPortrait]</texture>
                </control>
                 <control type="image">    
              <left>0</left>
                    <top>-0</top>
                    <width>255</width>
                    <height>381</height>
                   <texture>Frames_Sup/OverlayPosterFO.png</texture>                  
                   <aspectratio align="center" aligny="top">stretch</aspectratio>
                   </control>
        </control>
        </focusedlayout>

*****************************************************

if you want use only desiger_Custom-List3.xml
Color Light :

[Image: twHt1W5.jpg]

other configuration whith FTV Styles color /

You can not add Block 3 in this configuration, because the Bloc is 3 under the block 1.

[Image: Ivgv2yg.jpg]
(This post was last modified: 2016-02-14 19:07 by Reynald.)
find quote
Reynald Offline
Posting Freak
Posts: 1,270
Joined: Feb 2014
Reputation: 13
Post: #8
View List Opacity : You must use Theme Dark Color for best render

[Image: LDdAfuh.jpg]

REQUIRES ARTWORK.DOWNLOADER INSTALLED (check skin settings > enhancement) : Download Logo

To create this view, you must import the Template List Opacity( .rar) and assign to the view you want to change.
copied the folder 16X9 and replaced Custom_List 3 file :

In the Builder view go in

Bloc 3 :select image : Choose Image :Fond Black background.png
Bloc4 :select image : Choose Image :Fond Black background.png
Bloc Background : Select image : Bloc Background leftright.png

You can copy images to a folder in the folders of your backups KOVER views, and then assign the PNG images in the block.

View List Opacity
(This post was last modified: 2016-02-14 01:49 by Reynald.)
find quote
Reynald Offline
Posting Freak
Posts: 1,270
Joined: Feb 2014
Reputation: 13
Post: #9
[Image: P1TD0HP.png]

[Image: 8Za4squ.jpg]

https://www.dropbox.com/sh/kyjyzzcvdcst0...zYCBa?dl=0

1. Download and overide the Designer_CustomList2.xml in the /16x9 folder of the skin

Your done ! Just select the ListType CUSTOM2 in the Designer Bloc1. This is intended to be used with a 3x3 layout, Verticall scroll

Use only Block 1 in 3X3, requested without Art / Thumbs / Icons
Code:
<itemlayout width="1900" height="215">
                    
                    <control type="group">
                        <left>20</left>
                        <top>4</top>
                    <control type="image">
                    <left>15</left>
                    <top>15</top>
                    <width>260</width>
                    <height>170</height>
                    <bordersize>0,0,1,0</bordersize>
                    <texture border="0,0,1,0" colordiffuse="AAFFFFFF">common/white.png</texture>
                </control>        
                    <control type="image">
                    <left>20</left>
                    <top>20</top>
                    <width>250</width>
                    <height>160</height>
                    <aspectratio>scale</aspectratio>
                    <texture colordiffuse="FFFFFFFF">$VAR[ThumbLandscape]</texture>
                </control>    
                    <control type="image">
                  <right>25</right>
                    <top>35</top>
                    <width>220</width>
                    <height>120</height>
                    <aspectratio>keep</aspectratio>
                    <texture colordiffuse="FFFFFFFF">$INFO[ListItem.Art(clearlogo)]</texture>
                </control>
                    <control type="image">
                    <left>0</left>
                    <top>0</top>
                    <height>205</height>
                    <align>center</align>
                    <bordersize>0,0,1,0</bordersize>
                    <texture border="0,0,1,0" colordiffuse="BB000000">common/white.png</texture>
                </control>    
                        <control type="label">
                    <left>300</left>
                    <top>15</top>
                    <width>1825</width>
                    <height>50</height>
                    <align>left</align>
                    <aligny>center</aligny>
                    <font>Font30</font>
                    <textcolor>$INFO[Skin.String(Color.B1Txt1NF)]</textcolor>
                    <label>$VAR[B1Title]</label>
                </control>
                        <control type="label">
                    <left>300</left>
                    <top>150</top>
                    <width>500</width>
                    <height>50</height>
                    <align>left</align>
                    <aligny>center</aligny>
                    <font>FontSmallR</font>
                    <textcolor>$INFO[Skin.String(Color.B1Txt2NF)]</textcolor>
                    <label>$VAR[B1SubTitle]</label>
                </control>
                        <control type="label">
                    <left>300</left>
                    <top>150</top>
                    <width>200</width>
                    <height>50</height>
                    <align>left</align>
                    <aligny>center</aligny>
                    <font>FontSmallR</font>
                    <textcolor>$INFO[Skin.String(Color.B1Txt2NF)]</textcolor>
                    <label>$VAR[B1SubTitle]</label>
                </control>
                    <control type="label">
                    <left>500</left>
                    <top>150</top>
                    <width>600</width>
                    <height>50</height>
                    <align>left</align>
                    <aligny>center</aligny>
                    <font>FontSmallR</font>
                    <textcolor>$INFO[Skin.String(Color.B1Txt2NF)]</textcolor>
                    <label>$VAR[B2SubTitle]</label>
                </control>
                <control type="textbox">
                   <top>60</top>
                    <left>300</left>
                   <width>1300</width>
                    <height>90</height>
                    <font>FontSmall</font>
                    <textcolor>$INFO[Skin.String(Color.B1Txt2NF)]</textcolor>
                    <label>$INFO[ListItem.Plot]</label>
                </control>
                    </control>
                <control type="group">
                <right>1</right>
                <top>0</top>
                <width>100</width>
                <height>100</height>
                <control type="image">
                    <right>0</right>
                    <top>0</top>
                    <aspectratio>scale</aspectratio>
                    <texture colordiffuse="$VAR[CategoryColor]">common/corner.png</texture>
                </control>
                <control type="image">
                    <right>5</right>
                    <top>5</top>
                    <width>25</width>
                    <height>25</height>
                    <aspectratio>scale</aspectratio>
                    <texture colordiffuse="$INFO[Skin.String(Color.B1Txt1F)]">material/check.png</texture>
                    <visible>!ListItem.HasTimer + !ListItem.IsRecording + !ListItem.IsResumable</visible>
                </control>
                <control type="image">
                    <right>6</right>
                    <top>6</top>
                    <width>25</width>
                    <height>25</height>
                    <aspectratio>scale</aspectratio>
                    <texture colordiffuse="$INFO[Skin.String(Color.B1Txt1F)]">osd/pause.png</texture>
                    <visible>ListItem.IsResumable</visible>
                </control>
                <!-- Recording image -->
                <control type="image">
                    <right>5</right>
                    <top>5</top>
                    <width>25</width>
                    <height>25</height>
                    <aspectratio>scale</aspectratio>
                    <texture colordiffuse="$INFO[Skin.String(Color.B1Txt1F)]">osd/record.png</texture>
                    <visible>ListItem.IsRecording</visible>
                </control>
                <!-- Timer image -->
                <control type="image">
                    <right>5</right>
                    <top>5</top>
                    <width>25</width>
                    <height>25</height>
                    <aspectratio>scale</aspectratio>
                    <texture colordiffuse="$INFO[Skin.String(Color.B1Txt1F)]">material/clock.png</texture>
                    <visible>ListItem.HasTimer + !ListItem.IsRecording</visible>
                </control>            

            <visible>[Skin.HasSetting(WatchedFlag) + [Container.Content(movies) + stringcompare(ListItem.Overlay,OverlayWatched.png)] | [Container.Content(episodes) + stringcompare(ListItem.Overlay,OverlayWatched.png)] | [Container.Content(seasons) + stringcompare(ListItem.Overlay,OverlayWatched.png)] | [Container.Content(tvshows) + stringcompare(ListItem.Overlay,OverlayWatched.png)] | ListItem.IsResumable] | ListItem.IsRecording | ListItem.HasTimer</visible>
            </control>    
                </itemlayout>
                
                <focusedlayout width="1900" height="215">
                <control type="group">
                <left>20</left>
                <top>4</top>
                    <control type="image">
                    <left>0</left>
                    <top>0</top>
                    <height>205</height>
                    <align>center</align>                    
                    <bordersize>0,0,1,0</bordersize>
                    <texture border="0,0,1,0" colordiffuse="$VAR[CategoryColor]">common/white.png</texture>
                </control>
                <control type="image">
                    <left>15</left>
                    <top>15</top>
                    <width>260</width>
                    <height>170</height>
                    <bordersize>0,0,1,0</bordersize>
                    <texture border="0,0,1,0" colordiffuse="AAFFFFFF">common/white.png</texture>
                </control>
                    <control type="image">
                    <left>20</left>
                    <top>20</top>
                    <width>250</width>
                    <height>160</height>
                    <aspectratio>scale</aspectratio>
                    <texture colordiffuse="FFFFFFFF">$VAR[ThumbLandscape]</texture>
                </control>
                    <control type="image">
                  <right>25</right>
                    <top>35</top>
                    <width>220</width>
                    <height>120</height>
                    <aspectratio>keep</aspectratio>
                    <texture colordiffuse="FFFFFFFF">$INFO[ListItem.Art(clearlogo)]</texture>
                </control>
                <control type="label">
                    <left>300</left>
                    <top>15</top>
                    <width>1825</width>
                    <height>50</height>
                    <align>left</align>
                    <aligny>center</aligny>
                    <font>Font30</font>
                    <textcolor>FFFFFFFF</textcolor>
                    <label>$VAR[B1Title]</label>
                </control>
                        <control type="label">
                    <left>300</left>
                    <top>150</top>
                    <width>200</width>
                    <height>50</height>
                    <align>left</align>
                    <aligny>center</aligny>
                    <font>FontSmallR</font>
                    <textcolor>FFFFFFFF</textcolor>
                    <label>$VAR[B1SubTitle]</label>
                </control>
                    <control type="label">
                    <left>500</left>
                    <top>150</top>
                    <width>600</width>
                    <height>50</height>
                    <align>left</align>
                    <aligny>center</aligny>
                    <font>FontSmallR</font>
                    <textcolor>FFFFFFFF</textcolor>
                    <label>$VAR[B2SubTitle]</label>
                </control>
                <control type="textbox">
                    <top>60</top>
                    <left>300</left>
                   <width>1300</width>
                    <height>90</height>
                    <font>FontSmall</font>
                    <textcolor>FFFFFFFF</textcolor>
                    <label>$INFO[ListItem.Plot]</label>
                </control>
                    </control>
                    <control type="group">
                <right>1</right>
                <top>2</top>
                <width>100</width>
                <height>100</height>
                <control type="image">
                    <right>0</right>
                    <top>0</top>
                    <aspectratio>scale</aspectratio>
                    <texture colordiffuse="$VAR[CategoryColor]">common/corner.png</texture>
                </control>
                <control type="image">
                    <right>5</right>
                    <top>5</top>
                    <width>25</width>
                    <height>25</height>
                    <aspectratio>scale</aspectratio>
                    <texture colordiffuse="$INFO[Skin.String(Color.B1Txt1F)]">material/check.png</texture>
                    <visible>!ListItem.HasTimer + !ListItem.IsRecording + !ListItem.IsResumable</visible>
                </control>
                <control type="image">
                    <right>6</right>
                    <top>6</top>
                    <width>25</width>
                    <height>25</height>
                    <aspectratio>scale</aspectratio>
                    <texture colordiffuse="$INFO[Skin.String(Color.B1Txt1F)]">osd/pause.png</texture>
                    <visible>ListItem.IsResumable</visible>
                </control>
                <!-- Recording image -->
                <control type="image">
                    <right>5</right>
                    <top>5</top>
                    <width>25</width>
                    <height>25</height>
                    <aspectratio>scale</aspectratio>
                    <texture colordiffuse="$INFO[Skin.String(Color.B1Txt1F)]">osd/record.png</texture>
                    <visible>ListItem.IsRecording</visible>
                </control>
                <!-- Timer image -->
                <control type="image">
                    <right>5</right>
                    <top>5</top>
                    <width>25</width>
                    <height>25</height>
                    <aspectratio>scale</aspectratio>
                    <texture colordiffuse="$INFO[Skin.String(Color.B1Txt1F)]">material/clock.png</texture>
                    <visible>ListItem.HasTimer + !ListItem.IsRecording</visible>
                </control>            

            <visible>[Skin.HasSetting(WatchedFlag) + [Container.Content(movies) + stringcompare(ListItem.Overlay,OverlayWatched.png)] | [Container.Content(episodes) + stringcompare(ListItem.Overlay,OverlayWatched.png)] | [Container.Content(seasons) + stringcompare(ListItem.Overlay,OverlayWatched.png)] | [Container.Content(tvshows) + stringcompare(ListItem.Overlay,OverlayWatched.png)] | ListItem.IsResumable] | ListItem.IsRecording | ListItem.HasTimer</visible>
            </control>
                </focusedlayout>
(This post was last modified: 2016-02-15 03:27 by Reynald.)
find quote
Reynald Offline
Posting Freak
Posts: 1,270
Joined: Feb 2014
Reputation: 13
Post: #10
[Image: UdAT0Nd.jpg]

https://www.dropbox.com/s/sc4h2e6dfrvdluy/Wall.rar?dl=0

Copy CustomList1.xml and, change in your skin folder 19x9,or/ and you can also use template (images available for block)



Bloc Background : Bloc Background 50%.png
Bloc 2 : Fond Dark.png
Bloc 3; Fond Black background.png


***********************************


Only CustomList.xml whithout template and background .

[Image: KVYGnXA.jpg]


Code:
<?xml version="1.0" encoding="UTF-8"?>
<includes>
    <!-- BUILD YOUR OWN LIST TYPE INSIDE KOver

        You will find below a quick guide to give you more details about variables and settings and help you build your own list.
        Before you start, and for you to get the best results, keep in mind that KOver's grid is made of 9 spaces with a 636 (width) x 356 (height) pixels size.
        If you want your list to fit prefectly when resizing, make your <itemlayout>, <focusedlayout> a multiple of this file :

        Ex : Fanart view is set with <itemlayout width="636" height="356">. Ratio 1:1
        Ex2 : Poster view is set with <itemlayout width="212" height="356">. Ratio 1:3 on width and 1:1 on height

        KOver also handles a dynamic sizing giving you the layout the whole size set in Designer (meaning if you set 1column x 1row, size will be automatically 636x356
        and if you set 3column x 3row will be 1908x1068 ratio 3:1). For this, you can use the following code :

        <itemlayout width="$PARAM[width]" height="$PARAM[height]">

        >> VARIABLES :
        ______________

        The following variables are available inside the list and set to provide the best matching imformations :

        >>>Labels :

        $VAR[B1Title] : Usually the ListItem.Title ot ListItem.Label + fallbacks
        $VAR[B1SubTitle] : Additional informations of an item (ex : duration for movies, start time / end time for PVR, etc.)

        >>>Pictures :

        $VAR[ThumbPortrait] : Return a Portrait picture of an item. Usually Poster or thumb (if episodes) + fallback pictures
        $VAR[ThumbLandscape] : Return a Landscape picture of an item. Usually Fanart or thumb (if episodes) + fallback pictures

        >>>Colors (Colors set in the Color tool) :

        $INFO[Skin.String(Color.B1Bg)] : Bloc 1 background
        $INFO[Skin.String(Color.B1ItemNF)] : Bloc 1 unselected item (itemlayout) background
        $INFO[Skin.String(Color.B1Txt1NF)] : Text 1 unselected item (itemlayout) usually used for titles and icons
        $INFO[Skin.String(Color.B1Txt2NF)] : Text 2 unselected item (itemlayout) usually used for subtitles
        $VAR[CategoryColor] : Bloc 1 elected item (focusedlayout) background. Changes with the category
        $INFO[Skin.String(Color.B1IconBg)] : Icon background overlay (focusedlayout). Shows over the Bloc 1 selected item
        $INFO[Skin.String(Color.B1Txt1F)] : Text 1 selected item (focusedlayout) usually used for titles and icons
        $INFO[Skin.String(Color.B1Txt2F)] : Text 2 selected item (focusedlayout) usually used for subtitles

        Of course, you can also use any of the KODI infolabels instead.

    -->

    <!-- Custom List 1 -->

    <!-- DO NOT MODIFY FROM HERE -->
    <control type="group">    
        </control>
    <include name="Custom1">
    <!-- TO HERE -->
<animation type="WindowOpen">
                <effect type="fade" start="0" end="100" time="500"/>
                <effect type="zoom" start="200" end="100" center="auto" time="500"/>
            </animation>
            <animation type="WindowClose">
                <effect type="fade" start="100" end="0" time="500"/>
                <effect type="zoom" start="100" end="200" center="auto" time="500"/>
            </animation>
        <itemlayout width="125" height="178">    
        <control type="image">
                    <posx>0</posx>
                    <posy>0</posy>
                    <width>70</width>
                    <height>110</height>
                    <texture>white.png</texture>
                    <colordiffuse>FFFFFFFF</colordiffuse>
                </control>
            <control type="image">
                    <left>20</left>
                    <top>30</top>
                    <width>120</width>
                    <height>165</height>
                    <aspectratio>scale</aspectratio>
                    <texture>$VAR[ThumbPortrait]</texture>
                     <colordiffuse>FFFFFFFF</colordiffuse>
                     <animation condition="true" effect="Fade" start="30" end="30" time="0">Conditional</animation>                    
    
                </control>                
        </itemlayout>
        <focusedlayout width="125" height="178">
            
            <control type="image">
                    <left>20</left>
                    <top>30</top>
                   <width>120</width>
                    <height>165</height>
                    <aspectratio>scale</aspectratio>
                    <texture colordiffuse="FFFFFFFF">$VAR[ThumbPortrait]</texture>
                     <bordertexture>black.png</bordertexture>
                    <bordersize>2</bordersize>
                    <animation effect="zoom" start="100" end="140" center="auto">Focus</animation>
                    <animation effect="slide" start="0,0" end="11,0" time="0" condition="Container.Column(0)">Conditional</animation>
                    <animation effect="slide" start="0,0" end="-11,0" time="0" condition="Container.Column(15)">Conditional</animation>
                    <animation effect="slide" start="0,0" end="0,17" time="0" condition="Container.Row(0)">Conditional</animation>
                    <animation effect="slide" start="0,0" end="0,-17" time="0" condition="Container.Row(5)">Conditional</animation>
                    <visible>stringcompare(ListItem.Label,..)</visible>
                </control>    
                <control type="image">
                    <posx>0</posx>
                    <posy>0</posy>
                <width>120</width>
                    <height>165</height>
                    <aspectratio>stretch</aspectratio>
                    <texture  background="true"diffuse="white.png">$VAR[ThumbPortrait]</texture>
                    <bordertexture>black.png</bordertexture>
                    <bordersize>2</bordersize>
                    <animation effect="zoom" start="100" end="140" center="auto">Focus</animation>
                    <animation effect="slide" start="0,0" end="11,0" time="0" condition="Container.Column(0)">Conditional</animation>
                    <animation effect="slide" start="0,0" end="-11,0" time="0" condition="Container.Column(15)">Conditional</animation>
                    <animation effect="slide" start="0,0" end="0,17" time="0" condition="Container.Row(0)">Conditional</animation>
                    <animation effect="slide" start="0,0" end="0,-17" time="0" condition="Container.Row(5)">Conditional</animation>
                    <visible>!stringcompare(ListItem.Label,..)</visible>
                </control>
            
        </focusedlayout>
        
    <!-- DO NOT MODIFY FROM HERE -->        
    </include>    
</includes>
    <!-- TO HERE -->
(This post was last modified: 2016-02-15 00:26 by Reynald.)
find quote
Reynald Offline
Posting Freak
Posts: 1,270
Joined: Feb 2014
Reputation: 13
Post: #11
https://www.dropbox.com/s/djcz5pkdjg8vvh...l.rar?dl=0

Copy and paste CustomList1 in your folder 16X9, and select Bloc1= 3X3 , Bloc Background 3x3 Visible => image => Selected Picture Fanart-Poster Overlays.png

[Image: bYKNGd4.jpg]


Code:
<!-- Custom List 1 -->

    <!-- DO NOT MODIFY FROM HERE -->
    
    <include name="Custom1">
    <!-- TO HERE -->

        <itemlayout width="$PARAM[width]" height="$PARAM[height]">
            
        </itemlayout>
        <focusedlayout width="$PARAM[width]" height="$PARAM[height]">        
            
            <control type="group">
            <left>0</left>
                    <top>0</top>  
                <control type="label">            
                    <bottom>150</bottom>
                    <left>49</left>
                    <width>1200</width>
                    <height>80</height>
                    <align>left</align>
                    <font>Font60R</font>
                    <textcolor>FFFFFFFF</textcolor>
                    <label>$INFO[ListItem.Label]</label>                    
                </control>    
                 <control type="textbox">
                    <top>925</top>  
                    <left>49</left>
                    <width>1200</width>
                    <height>80</height>
                    <font>Font27</font>
                    <textcolor>EEFFFFFF</textcolor>
                    <label>$INFO[ListItem.Plot]</label>
                </control>
                 <control type="label">
                    <left>49</left>
                    <top>1020</top>
                    <width>588</width>
                    <height>50</height>
                    <align>left</align>
                    <aligny>center</aligny>
                    <font>FontSmallR</font>
                    <textcolor>$INFO[Skin.String(Color.B1Txt2F)]</textcolor>
                    <label>$VAR[B1SubTitle]</label>
                </control>
            </control>    
            <control type="group">
            <left>1600</left>
                    <top>700</top>
            <control type="image">
                    <left>-5</left>
                    <top>-5</top>
                    <width>261</width>
                    <height>361</height>
                    <aspectratio>Stretch</aspectratio>
                    <texture colordiffuse="FFFFFFFF">common/white.png</texture>
                    <visible>!IsEmpty(ListItem.Thumb)</visible>
                </control>         
             <control type="image">                    
                    <width>250</width>
                    <height>350</height>
                    <aspectratio>Stretch</aspectratio>
                    <texture colordiffuse="FFFFFFFF">$VAR[ThumbPortrait]</texture>
                </control>
            </control>     
        </focusedlayout>        
    <!-- DO NOT MODIFY FROM HERE -->    
    </include>
</includes>
    <!-- TO HERE -->
(This post was last modified: 2016-02-15 03:20 by Reynald.)
find quote
Reynald Offline
Posting Freak
Posts: 1,270
Joined: Feb 2014
Reputation: 13
Post: #12
VIew WIDGET ( Only HORIZONTAL )






Customlist2.xml for customization WIDGET. Attention building only for Horizontal menu. I did not check to Vertical menu. And the choice of this WIDGET views are personal to me, so if this does not suit you, you can change either Builder, is the CustomList2.xml file.
We must hide all additional Art in the Builder (unless you want to see, I can no way to prevent you.)
Imperative 1 = BLOCK 3X3
watch gallery


https://www.dropbox.com/sh/6wpymeii3yji6...Bj4La?dl=0

Code:
<?xml version="1.0" encoding="UTF-8"?>
<includes>
    <!-- BUILD YOUR OWN LIST TYPE INSIDE KOver

        You will find below a quick guide to give you more details about variables and settings and help you build your own list.
        Before you start, and for you to get the best results, keep in mind that KOver's grid is made of 9 spaces with a 636 (width) x 356 (height) pixels size.
        If you want your list to fit prefectly when resizing, make your <itemlayout>, <focusedlayout> a multiple of this file :

        Ex : Fanart view is set with <itemlayout width="636" height="356">. Ratio 1:1
        Ex2 : Poster view is set with <itemlayout width="212" height="356">. Ratio 1:3 on width and 1:1 on height

        KOver also handles a dynamic sizing giving you the layout the whole size set in Designer (meaning if you set 1column x 1row, size will be automatically 636x356
        and if you set 3column x 3row will be 1908x1068 ratio 3:1). For this, you can use the following code :

        <itemlayout width="$PARAM[width]" height="$PARAM[height]">

        >> VARIABLES :
        ______________

        The following variables are available inside the list and set to provide the best matching imformations :

        >>>Labels :

        $VAR[B1Title] : Usually the ListItem.Title ot ListItem.Label + fallbacks
        $VAR[B1SubTitle] : Additional informations of an item (ex : duration for movies, start time / end time for PVR, etc.)

        >>>Pictures :

        $VAR[ThumbPortrait] : Return a Portrait picture of an item. Usually Poster or thumb (if episodes) + fallback pictures
        $VAR[ThumbLandscape] : Return a Landscape picture of an item. Usually Fanart or thumb (if episodes) + fallback pictures

        >>>Colors (Colors set in the Color tool) :

        $INFO[Skin.String(Color.B1Bg)] : Bloc 1 background
        $INFO[Skin.String(Color.B1ItemNF)] : Bloc 1 unselected item (itemlayout) background
        $INFO[Skin.String(Color.B1Txt1NF)] : Text 1 unselected item (itemlayout) usually used for titles and icons
        $INFO[Skin.String(Color.B1Txt2NF)] : Text 2 unselected item (itemlayout) usually used for subtitles
        $VAR[CategoryColor] : Bloc 1 elected item (focusedlayout) background. Changes with the category
        $INFO[Skin.String(Color.B1IconBg)] : Icon background overlay (focusedlayout). Shows over the Bloc 1 selected item
        $INFO[Skin.String(Color.B1Txt1F)] : Text 1 selected item (focusedlayout) usually used for titles and icons
        $INFO[Skin.String(Color.B1Txt2F)] : Text 2 selected item (focusedlayout) usually used for subtitles

        Of course, you can also use any of the KODI infolabels instead.

    -->

    <!-- Custom List 2 -->
    
    <!-- DO NOT MODIFY FROM HERE -->
    <include name="Custom2">
    
    <!-- TO HERE -->    
        
        <itemlayout width="$PARAM[width]" height="$PARAM[height]">
        <control type="group">
        <animation type="Conditional" condition="!Control.HasFocus(9000)" reversible="false">
                <effect type="fade"  start="100" end="0" time="0" easing="In" tween="Cubic"/>
            </animation>
         <top>40</top>  
        <control type="image">                    
                    <left>49</left>
                    <width>55</width>
            <height>55</height>
                    <aspectratio>scale</aspectratio>
                    <texture colordiffuse="FFFFFFFF">material/tile.png</texture>
                </control>    
          <control type="label">
                    <top>-10</top>
                    <left>125</left>
                    <width>600</width>
                    <height>80</height>
                    <align>left</align>
                    <font>Font27</font>
                    <textcolor>$INFO[Skin.String(Color.B1Txt1F)]</textcolor>
                    <label>$INFO[ListItem.Label]</label>
                </control>
         </control>    
        </itemlayout>
        
        <focusedlayout width="1850" height="$PARAM[height]">
          <animation type="Conditional" condition="Control.HasFocus(9000)" reversible="false">
                <effect type="Slide"  center="auto" start="0,0" end="0,0" easing="In" tween="Cubic"/>
            </animation>
            <animation type="Conditional" condition="!Control.HasFocus(9000)" reversible="false">
                <effect type="Slide" time="450" center="auto" start="0,0" end="0,0" easing="In" tween="Cubic"/>
            </animation>    
            <control type="group">          
        <top>750</top>    
         <left>62</left>  
          <control type="image">
                    <left>-50</left>
                    <top>-70</top>
                    <width>1950</width>
            <height>235</height>
                    <aspectratio>scale</aspectratio>
                    <texture colordiffuse="$INFO[Skin.String(Color.B1IconBg)]">common/white.png</texture>
                </control>
        
              <control type="image">
                    <left>-5</left>
                    <top>-65</top>
                    <width>160</width>
            <height>222</height>
                    <aspectratio>scale</aspectratio>
                    <texture colordiffuse="$INFO[Skin.String(Color.B1ItemNF)]">common/white.png</texture>
                </control>
                <control type="image">
                    <left>0</left>
                    <top>-60</top>
                    <width>150</width>
            <height>210</height>
                    <aspectratio>scale</aspectratio>
                    <texture colordiffuse="FFFFFFFF">$INFO[ListItem.Icon]</texture>
                </control>
                <control type="label">
                <top>-88</top>
                    <left>200</left>
                    <width>1000</width>
                    <height>80</height>
                    <align>left</align>
                    <font>Font36</font>
                    <textcolor>$INFO[Skin.String(Color.B1Txt1F)]</textcolor>
                    <label>$INFO[ListItem.Label]</label>
                </control>
                 <control type="textbox">                    
                    <left>200</left>
                    <width>1250</width>
                    <height>145</height>
                    <font>Font27</font>
                    <textcolor>$INFO[Skin.String(Color.B1Txt1F)]</textcolor>
                    <label>$INFO[ListItem.Plot]</label>
                </control>
                  <control type="label">
                   <top>-25</top>
                    <left>200</left>
                    <width>328</width>
                    <height>24</height>
                    <align>left</align>
                    <font>FontSmallR</font>
                    <textcolor>$INFO[Skin.String(Color.B1Txt1F)]</textcolor>
                    <label>$INFO[ListItem.Duration,, mins]</label>
                </control>
              
        </control>
    
         </focusedlayout>      
        
    <!-- DO NOT MODIFY FROM HERE -->        
    
    
    
    </include>
</includes>
    <!-- TO HERE -->
(This post was last modified: 2016-02-16 00:45 by Reynald.)
find quote
Reynald Offline
Posting Freak
Posts: 1,270
Joined: Feb 2014
Reputation: 13
Post: #13
BIG POSTER 2 : BLOC 1 = 3X2 .

WallPapen =Select Image Fond Dark.png , Bloc Background = Select Fond Dark.png
https://www.dropbox.com/s/ofida0oam6tvka...2.rar?dl=0

[Image: SPKXOPf.jpg]

Code:
<!-- Custom List 2 -->
    
    <!-- DO NOT MODIFY FROM HERE -->
    <include name="Custom2">        
    <!-- TO HERE -->    
        <itemlayout condition="IsEmpty(Container.FolderPath)" width="815" height="1080">
          <control type="image">
                      <animation condition="true" effect="Fade" start="25" end="25" time="0">Conditional</animation>
                    <width>800</width>
                    <height>1065</height>
                    <aspectratio align="center" aligny="top">stretch</aspectratio>
                    <texture colordiffuse="FFFFFFFF">$VAR[ThumbPortrait]</texture>
                </control>
        
        </itemlayout>
        <focusedlayout condition="IsEmpty(Container.FolderPath)" width="1920" height="1080">  
        
        
                <control type="image">
                    
                    <width>800</width>
                    <height>1065</height>
                    <aspectratio align="center" aligny="top">stretch</aspectratio>
                    <texture colordiffuse="FFFFFFFF">$VAR[ThumbPortrait]</texture>
                </control>            
        </focusedlayout>
        
    <!-- DO NOT MODIFY FROM HERE -->
(This post was last modified: 2016-02-16 14:56 by Reynald.)
find quote
Kokonutcreme Offline
Fan
Posts: 548
Joined: Apr 2009
Reputation: 3
Location: Melbourne, VIC
Post: #14
(2016-02-16 05:54)Reynald Wrote:  BIG POSTER 2 : BLOC 1 = 3X2 .

WallPapen =Select Image Fond Dark.png , Bloc Background = Select Fond Dark.png
https://www.dropbox.com/home/Kover_view/...oster2.rar

[Image: SPKXOPf.jpg]

Code:
<!-- Custom List 2 -->
    
    <!-- DO NOT MODIFY FROM HERE -->
    <include name="Custom2">        
    <!-- TO HERE -->    
        <itemlayout condition="IsEmpty(Container.FolderPath)" width="815" height="1080">
          <control type="image">
                      <animation condition="true" effect="Fade" start="25" end="25" time="0">Conditional</animation>
                    <width>800</width>
                    <height>1065</height>
                    <aspectratio align="center" aligny="top">stretch</aspectratio>
                    <texture colordiffuse="FFFFFFFF">$VAR[ThumbPortrait]</texture>
                </control>
        
        </itemlayout>
        <focusedlayout condition="IsEmpty(Container.FolderPath)" width="1920" height="1080">  
        
        
                <control type="image">
                    
                    <width>800</width>
                    <height>1065</height>
                    <aspectratio align="center" aligny="top">stretch</aspectratio>
                    <texture colordiffuse="FFFFFFFF">$VAR[ThumbPortrait]</texture>
                </control>            
        </focusedlayout>
        
    <!-- DO NOT MODIFY FROM HERE -->

Hi Reynald, can't download the rar file from dropbox as I need to register, no option to skip and just download the file, like the widget rar.

[Image: widget]
(This post was last modified: 2016-02-16 10:20 by Kokonutcreme.)
find quote
Reynald Offline
Posting Freak
Posts: 1,270
Joined: Feb 2014
Reputation: 13
Post: #15
Quote:Hi Reynald, can't download the rar file from dropbox as I need to register, no option to skip and just download the file, like the widget rar.

Sorry , all is Ok now
find quote
Post Reply