Skinning: Difference between revisions

From Official Kodi Wiki
Jump to navigation Jump to search
No edit summary
(Added planned UI sounds add-ons page)
 
(44 intermediate revisions by 8 users not shown)
Line 1: Line 1:
{{mininav|[[Development]]|[[Add-on development]]}}
{{mininav|[[Development]]}}


XBMC is noted as having a very flexible and robust framework for its GUI, making theme-skinning and personal customization very accessible. Users can create their own skin (or modify an existing skin) and share it with others. "Confluence" is the official skin;
{{Kodi}} is noted as having a very flexible and robust framework for its GUI, making theme-skinning and personal customization very accessible. Users can create their own skin (or modify an existing skin) and share it with others.


{{-}}
== General ==
----
{{huge|'''[[General topics|{{color|black|General}}]]'''}}
{| width="100%"
{| width="100%"
|- valign="top"
|- valign="top"
| width="33%" align="center" | {{Main page icon|image=Nuvola apps kthememgr.png|link=Skin Development Introduction}}
| width="20%" align="center" | {{Main page icon|image=Nuvola apps kthememgr.png|link=Skin development introduction}}
| width="33%" align="center" | {{Main page icon|image=Applications-development.svg|link=Skin structure|title=Skin Structure}}
| width="20%" align="center" | {{Main page icon|image=Book icon 1.png|link=Skinning Manual|title=Skinning manual}}
| width="33%" align="center" | {{Main page icon|image=Administration.png|link=Skin Development Tools}}
| width="20%" align="center" | {{Main page icon|image=Administration.png|link=Skin development tools}}
| width="20%" align="center" | {{Main page icon|image=Applications-development.png|link=Skinning Engine}}
|}
|}
----
 
{{huge|'''[[Tutorials|{{color|black|Tutorials}}]]'''}}
== Tutorials ==
{| width="100%"
{| width="100%"
|- valign="top"
|- valign="top"
| width="33%" align="center" | {{Main page icon|image=IYY logo.png|link=Creating 1st Skin tutorial|title=Audio/Video Tutorial}}
| width="16.666666666666666666666666666667%" align="center" | {{Main page icon|image=Crystal Project window list.png‎|link=HOW-TO:Add a new window or dialog via skinning|title=Adding a dialog}}
| width="33%" align="center" | {{Main page icon|image=Translation - Noun project 987.svg|link=Modifying a Skin|title=GUI Tutorial}}
| width="16.666666666666666666666666666667%" align="center" | {{Main page icon|image=Crystal Clear app fonts.png|link=Fonts|title=Adding fonts}}
| width="16.666666666666666666666666666667%" align="center" | {{Main page icon|image=Gnome-preferences-desktop-wallpaper.png|link=HOW-TO:Add_a_new_view_type_to_the_skin|title=Adding a view}}
| width="16.666666666666666666666666666667%" align="center" | {{Main page icon|image=UI_sounds.png|link=UI sounds add-ons|title=Adding sounds}}
| width="16.666666666666666666666666666667%" align="center" | {{Main page icon|image=Estuary-edit-icon2.png|link=HOW-TO:Estuary_Modification|title=Estuary Modifications}}
| width="16.666666666666666666666666666667%" align="center" | {{Main page icon|image=Go-home-2.png|link=HOW-TO:Simple Modifications|title=Simple Modifications}}
|}
|}
== More information ==
A list of all skin development related pages can be found here... '''[[:Category:Skin_development|List of all Skin Development pages]]'''






[[Category:Addon Development|*]]
[[Category:Skin_development|*]]

Latest revision as of 21:24, 13 August 2021

Home icon grey.png   ▶ Development ▶ Skinning

Kodi is noted as having a very flexible and robust framework for its GUI, making theme-skinning and personal customization very accessible. Users can create their own skin (or modify an existing skin) and share it with others.

General

icon
Skin development introduction
icon
Skinning manual
icon
Skin development tools
icon
Skinning Engine

Tutorials

icon
Adding a dialog
icon
Adding fonts
icon
Adding a view
icon
Adding sounds
icon
Estuary Modifications
icon
Simple Modifications

More information

A list of all skin development related pages can be found here... List of all Skin Development pages