Skin MOD - Share your themes : Custom lists

  Thread Rating:
  • 1 Vote(s) - 5 Average
  • 1
  • 2
  • 3
  • 4
  • 5
Post Reply
Reynald Offline
Posting Freak
Posts: 1,270
Joined: Feb 2014
Reputation: 13
Post: #31
Changing Home made menu (Choose color scheme Dark).
https://www.dropbox.com/sh/nfsuvztrhck5v...zyLEa?dl=0
watch gallery


Block 1 (List) 3x3 + Image Backgrpind = Not Background.png
Submenu Bloc (as you wish)
Block 2 Block 3 Block-4, Hidden.
Added Block Background 3x3 image background =Widget vertical.png

Code:
<itemlayout width="1920" height="1080">
        <!--Keep Empty-->
        </itemlayout>
        <focusedlayout width="1920" height="1080">        
        <animation effect="fade" start="0" end="100" time="350" condition="!Control.HasFocus(9000)">Conditional</animation>
    
            <control type="group">    
            <top>150</top>
            <left>550</left>
              <control type="image">                  
                    <width>213</width>
            <height>315</height>
                    <aspectratio>scale</aspectratio>
                    <texture colordiffuse="$VAR[CategoryColor]">common/white.png</texture>
                </control>                
                <control type="image">
                <top>10</top>
                    <left>6</left>
                    <width>200</width>
            <height>295</height>
                    <aspectratio>stretch</aspectratio>
                    <texture colordiffuse="FFFFFFFF">$INFO[ListItem.Icon]</texture>
                </control>
                 <control type="image">
                <top>350</top>
                    <left>-15</left>
                    <width>250</width>
            <height>100</height>
                    <aspectratio>stretch</aspectratio>
                    <texture colordiffuse="FFFFFFFF">$INFO[ListItem.Art(clearlogo)]</texture>
                </control>
        </control>
        <control type="group">
        <top>150</top>
        <left>820</left>      
                <control type="image">                
                <width>1000</width>
            <height>520</height>
                <align>center</align>
                <aligny>top</aligny>
                <aspectratio>scale</aspectratio>
                <texture background="true" colordiffuse="FFFFFFFF">$INFO[ListItem.Art(fanart)]</texture>
                </control>
         </control>    
        <control type="group">
        <top>150</top>
        <left>820</left>                    
        <control type="image">                  
                    <width>1000</width>
            <height>100</height>
                    <aspectratio>scale</aspectratio>
                    <texture colordiffuse="BBFFFFFF">common/white.png</texture>
                </control>    
            <control type="image">
            <top>360</top>
                    <width>1000</width>
            <height>190</height>
                    <aspectratio>scale</aspectratio>
                    <texture colordiffuse="CCFFFFFF">common/white.png</texture>
                </control>    
         <control type="label">
         <left>10</left>
                    <width>500</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="label">
                 <left>10</left>
                   <top>65</top>
                    <width>328</width>
                    <height>24</height>
                    <align>left</align>
                    <font>FontSmallR</font>
                    <textcolor>$INFO[Skin.String(Color.B1Txt1NF)]</textcolor>
                    <label>$VAR[B2SubTitle]  -  $INFO[ListItem.Duration,, mins]</label>
                </control>
                <control type="textbox">
                <top>355</top>
                <left>10</left>
                    <width>950</width>
                    <height>188</height>
                    <font>Font27</font>
                    <textcolor>$INFO[Skin.String(Color.B1Txt1NF)]</textcolor>
                    <label>$INFO[ListItem.Plot]</label>
                </control>
                </control>            
         </focusedlayout>
find quote
meridius Offline
Posting Freak
Posts: 1,477
Joined: Jul 2010
Reputation: 5
Post: #32
(2016-02-17 00:37)Reynald Wrote:  Widget Poster : Bloc 1 (1x2)+ Bloc Info (1x1) : http://prntscr.com/a47m9d

[Image: 9MnswT0.jpg]





Code:
<itemlayout width="170" height="$PARAM[height]">        
        <control type="group">    
        <top>80</top>
                <control type="image">
                <left>0</left>                    
                 <width>150</width>
            <height>210</height>
                <aspectratio>scale</aspectratio>
                    <texture colordiffuse="FFFFFFFF">$INFO[ListItem.Icon]</texture>
                </control>    
        </control>
        </itemlayout>
        
        <focusedlayout width="170" 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>80</top>
        
              <control type="image">
                    <left>-6</left>
                   <top>-5</top>
                    <width>162</width>
            <height>222</height>
                    <aspectratio>scale</aspectratio>
                    <texture colordiffuse="$INFO[Skin.String(Color.B1ItemF)]">common/white.png</texture>
                </control>
                <control type="image">
                    <left>0</left>
                    
                    <width>150</width>
            <height>210</height>
                    <aspectratio>scale</aspectratio>
                    <texture colordiffuse="FFFFFFFF">$INFO[ListItem.Icon]</texture>
                </control>
        </control>    
         </focusedlayout>




++++++++++++++++++


With effect flipy :
[Image: wxLwYbO.jpg]

Code:
<itemlayout width="170" height="$PARAM[height]">        
        <control type="group">    
        <top>80</top>
          <control type="image">
                    <left>-6</left>
                   <top>-5</top>
                    <width>162</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>                    
                 <width>150</width>
            <height>210</height>
                <aspectratio>scale</aspectratio>
                    <texture colordiffuse="FFFFFFFF">$INFO[ListItem.Icon]</texture>
                 </control>                
                  <control type="image">
                   <left>-6</left>
                   <top>220</top>
                    <width>162</width>
            <height>222</height>
                    <aspectratio>scale</aspectratio>
                    <texture flipy="true" colordiffuse="$INFO[Skin.String(Color.B1ItemNF)]">common/white.png</texture>
                <animation effect="fade" start="25" end="25" time="300" condition="true">Conditional</animation>
        
                </control>
                 <control type="image">
                 <top>220</top>
                    <left>0</left>
                    <width>150</width>
            <height>210</height>
                    <aspectratio>scale</aspectratio>
                    <texture colordiffuse="FFFFFFFF"flipy="true">$INFO[ListItem.Icon]</texture>
                <animation effect="fade" start="25" end="25" time="300" condition="true">Conditional</animation>
        
                </control>
        </control>
        </itemlayout>
        <focusedlayout width="170" height="$PARAM[height]">
              
            <control type="group">          
       <top>80</top>
              <control type="image">
                    <left>-6</left>
                   <top>-5</top>
                    <width>162</width>
            <height>222</height>
                    <aspectratio>scale</aspectratio>
                    <texture colordiffuse="$INFO[Skin.String(Color.B1ItemF)]">common/white.png</texture>
                </control>
                
                <control type="image">
                    <left>0</left>
                    <width>150</width>
            <height>210</height>
                    <aspectratio>scale</aspectratio>
                    <texture colordiffuse="FFFFFFFF">$INFO[ListItem.Icon]</texture>
                </control>
                  <control type="image">
                 <top>220</top>
                    <left>0</left>
                    <width>150</width>
            <height>210</height>
                    <aspectratio>scale</aspectratio>
                    <texture colordiffuse="FFFFFFFF"flipy="true">$INFO[ListItem.Icon]</texture>
                    <animation effect="fade" start="25" end="25" time="300" condition="true">Conditional</animation>
        
                </control>
        </control>    
         </focusedlayout>


Hi there love your views

but I can not get any of them to work ? I followed your video but some settings and images are missing where can I get these files ? and what is the code for, do I need to place anything in my kodi folder ?

thanks for any help
find quote
Jayz2K Offline
Skilled Skinner
Posts: 1,157
Joined: Aug 2014
Reputation: 47
Location: Sierck-les-bains - France
Post: #33
@meridius :

Seems that the video is showing to select a picture as background, you're right but no link. Custom background images have to be stored on your computer wherever you want. You just have to browse it with the Designer.

@reynald : mind to mod the post by providing the concerned picture files please ?

[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
meridius Offline
Posting Freak
Posts: 1,477
Joined: Jul 2010
Reputation: 5
Post: #34
Hi there thanks

how do you delete a custom view as I am in the designer and can not see anything to delete a view ? if I select a view like episodes 1 there is no delete button but fanart inline does have it ?

I am trying to get views in post 30 to work

and what is
In some case there are personalized lists (Custom) consider adding 16X9 in your folder of your skin. what do I need to add in the folder as I have
Designer_CustomList5.xml

also where is
Info -Submenu

I just can not get the view to work my posters are not been showing
(This post was last modified: 2016-02-27 20:26 by meridius.)
find quote
Jayz2K Offline
Skilled Skinner
Posts: 1,157
Joined: Aug 2014
Reputation: 47
Location: Sierck-les-bains - France
Post: #35
@meridius :

Press enter on or click the view name to access more options like rename, delete, templates,etc.). One exception, you can't delete the first view of each section (for security reasons).

For custom lists, add the downloaded file in the 16x9 folder (here custom 5)… ask KOver to add it to designer pressing the button at the bottom left of the designer (Update custom lists). Then it's selectable as CUSTOM5 in Bloc 1 > List type.

Where is info submenu ? If you're searching for customizing dialog windows, not possible.

[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-02-27 20:38 by Jayz2K.)
find quote
meridius Offline
Posting Freak
Posts: 1,477
Joined: Jul 2010
Reputation: 5
Post: #36
thanks mate.

its just that he has a folder called bloc 1 (list) which is the image which I added but when you get to the bottom of his folder there is a folder called

info-submenu

which has an image inside that folder to be used somewhere I can get all the skin to work apart from the posters not been there as the bottom of the screen is empty but you can scroll through the movies

I am starting to understand how the skin works but there are just a coukpe of things that's not working


thanks
find quote
meridius Offline
Posting Freak
Posts: 1,477
Joined: Jul 2010
Reputation: 5
Post: #37
ok ok I understand now.

so you place the xml file in the 16x9 folder

this is what I did not do and the reason why I could not get it to work

1. place the xml file in the 16x9 folder which I did but you need to restart kodi as it will not show up, oops
2.left of the designer (Update custom lists) even though the list was selected in the lists menu you still have to use the left of the designer (Update custom lists) before it works.

the only thing I don't understand is what to do with the image in the

info-submenu

also how do you make the text scroll I know there is an option but can not find it

and the code people are posting in here is that the same xml code you place in the 16x9 folder for the lists

thanks
(This post was last modified: 2016-02-27 20:51 by meridius.)
find quote
Reynald Offline
Posting Freak
Posts: 1,270
Joined: Feb 2014
Reputation: 13
Post: #38
(2016-02-27 20:09)Jayz2K Wrote:  @reynald : mind to mod the post by providing the concerned picture files please ?

https://www.dropbox.com/sh/rm3m88a4v2efa...AIu9a?dl=0
meridius use this files for build your view Widget Poster reflect
(This post was last modified: 2016-02-28 14:20 by Reynald.)
find quote
reaven Offline
Skilled Skinner
Posts: 1,312
Joined: May 2009
Reputation: 22
Post: #39
it would be possible to reference images in a common folder like the skin media folder ?
that way it should work no matter what. I mean it would be easier to share views

clearArt Concept
cdArt Concept

*If like, thank user
find quote
Jayz2K Offline
Skilled Skinner
Posts: 1,157
Joined: Aug 2014
Reputation: 47
Location: Sierck-les-bains - France
Post: #40
(2016-02-27 21:38)reaven Wrote:  it would be possible to reference images in a common folder like the skin media folder ?
that way it should work no matter what. I mean it would be easier to share views
Yes it is. But in that case, designer has to be provided with a vfs path. Extras folder is also a good place for that. I wanted to use it also for custom lists but Includes cannot be called from there :/

[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
meridius Offline
Posting Freak
Posts: 1,477
Joined: Jul 2010
Reputation: 5
Post: #41
(2016-02-27 21:06)Reynald Wrote:  
(2016-02-27 20:09)Jayz2K Wrote:  @reynald : mind to mod the post by providing the concerned picture files please ?

https://www.dropbox.com/home/Kover_view/...%20Reflect
meridius use this files for build your view Widget Poster reflect

can not download it as you need to be a member for some reason and I am not
find quote
meridius Offline
Posting Freak
Posts: 1,477
Joined: Jul 2010
Reputation: 5
Post: #42
Hi all

Would it be possible to have flags for Studio, audio and video codec info and also disc art because I do a lot of work for fanart on discart
(This post was last modified: 2016-02-28 14:36 by meridius.)
find quote
Reynald Offline
Posting Freak
Posts: 1,270
Joined: Feb 2014
Reputation: 13
Post: #43
yes it is possible to do all this, but why would spoil this beautiful and symple skin? complete skins as Aeon nox already have it all! You must then make a mod.if you want to see the info, there is the Info button "i" on the keyboard
find quote
meridius Offline
Posting Freak
Posts: 1,477
Joined: Jul 2010
Reputation: 5
Post: #44
(2016-02-21 18:10)Reynald Wrote:  All my Videos Views . you must choose the Light color work well with my setup view.

watch gallery


Here are all the images, file templates for each entry view in separate folders. You will need to reassign each image corresponding to the block. You also have a Full backup video , if you want to use all views.
In some case there are personalized lists (Custom) consider adding 16X9 in your folder of your skin.
You can also choose to use a single view, there are the templates files in EVERY folder views.

https://www.dropbox.com/s/w0wxt6ccxq8dkm...G.rar?dl=0

It is difficult to explain how to rebuild each view, but KOVER is easy to understand and work very well file sharing. If you need help finding an image path, let me know.

how do you get the light colour as my fonts colours are not the same as yours ?
find quote
Reynald Offline
Posting Freak
Posts: 1,270
Joined: Feb 2014
Reputation: 13
Post: #45
As I indicated, we must choose the automatic white pattern. I did not change anything in the colors.
http://prntscr.com/a8yv40
(This post was last modified: 2016-02-28 14:46 by Reynald.)
find quote
Post Reply