Skinning: Difference between revisions

From Official Kodi Wiki
Jump to navigation Jump to search
No edit summary
No edit summary
Line 8: Line 8:
{| 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="25%" 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="25%" align="center" | {{Main page icon|image=Applications-development.svg|link=Skin structure|title=Skin Structure}}
| width="33%" align="center" | {{Main page icon|image=Book icon 1.png|link=XBMC Skinning Manual}}
| width="25%" align="center" | {{Main page icon|image=Book icon 1.png|link=XBMC Skinning Manual}}
| width="33%" align="center" | {{Main page icon|image=Administration.png|link=Skin Development Tools}}
| width="25%" align="center" | {{Main page icon|image=Administration.png|link=Skin Development Tools}}
|}
|}
----
----
Line 17: Line 17:
{| width="100%"
{| width="100%"
|- valign="top"
|- valign="top"
| width="33%" align="center" | {{Main page icon|image=Theme_Stuff_Icon.png|link=1st Skin Tutorial}}
| width="25%" align="center" | {{Main page icon|image=Theme_Stuff_Icon.png|link=1st Skin Tutorial}}
| width="33%" align="center" | {{Main page icon|image=Edit-icon.png|link=Modifiying a Skin Tutorial}}
| width="25%" align="center" | {{Main page icon|image=Edit-icon.png|link=Modifiying a Skin Tutorial}}
| width="33%" align="center" | {{Main page icon|image=Home-icon.png|link=HOW-TO_edit_the_Main_Menu_(Home_Screen)_via_skinning|title=Home Screen Tutorial}}
| width="25%" align="center" | {{Main page icon|image=Home-icon.png|link=HOW-TO_edit_the_Main_Menu_(Home_Screen)_via_skinning|title=Home Screen Tutorial}}
| width="33%" align="center" | {{Main page icon|image=Home-icon.png|link=HOW-TO make a dialog popup automatically with another one via skinning|title=Dialog Popup Tutorial}}
| width="25%" align="center" | {{Main page icon|image=Full-screen-128.png|link=HOW-TO make a dialog popup automatically with another one via skinning|title=Popup Tutorial}}
|}
{| width="100%"
|- valign="top"
| width="25%" align="center" | {{Main page icon|image=Sunny-Rain-weather-128.png|link=HOW-TO enable weather info display for the home screen via skinning|title=Weather Info Tutorial}}
| width="25%" align="center" | {{Main page icon|image=Screen-128.png‎|link=HOW-TO add a new window or dialog via skinning|title=New Dialog Tutorial}}
| width="25%" align="center" | {{Main page icon|image=Font-Book-128.png|link=HOW-TO add a new true type font to the skin|title=Adding Fonts Tutorial}}
| width="25%" align="center" | {{Main page icon|image=Home-icon.png|link=Testing Skin Tutorial|title=Testing Skin Tutorial}}
|}
|}



Revision as of 16:28, 26 February 2014

Home icon grey.png   ▶ Development ▶ Add-on development ▶ Skinning

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;



General

icon
Skin development introduction
icon
Skin Structure
icon
XBMC Skinning Manual
icon
Skin Development Tools

Tutorials

icon
1st Skin Tutorial
icon
Modifiying a Skin Tutorial
icon
Home Screen Tutorial
icon
Popup Tutorial
icon
Weather Info Tutorial
icon
New Dialog Tutorial
icon
Adding Fonts Tutorial
icon
Testing Skin Tutorial