Theme Creation Guide

Currently Available in the following languages:

Theme Creation Guide - Deutsch

Verpasse Deiner DivX Connected Oberfläche ein neues Gesicht!

Die Oberfläche von DivX Connected ja ganz schön und gut, aber Du kannst das in wenigen Schritten nach Deinem Geschmack anpassen. Abwechslung ist ja schliesslich das halbe Leben, oder?


Die Community war bereits fleißig und hat ein paar tolle Designs erstellt. Schau doch einfach mal rein und laß Dich inspirieren:
http://labs.divx.com/connected/themes

Und? Hat es Dich jetzt auch gepackt? Kein Problem. Zuerst mal die Anleitung durchlesen und los gehts.
Die .zip-Datei, die Du per Link unten herunterladen kannst, beinhaltet alles, was Du zum Erstellen eigener Designs für DivX Connected benötigst.

 DivX Connected Design-Vorlage herunterladen

Die nachfolgende Anleitung zum Ersteller eigener Designs für DivX Connected findest Du auch in der .zip-Datei.

  • Als Erstes editiere die .cth-Datei. Du kannst diese mit WordPad oder Notepad öffnen. Grundsätzlich musst Du lediglich den Namen des Designs sowie Deinen Namen einfügen – damit die Community auch weiss von wem das Design kommt. Zusätzlich kannst Du auch die Farben des Menüs und der Panels anpassen. Wichtig: Die Datei nach der Änderung immer speichern.
  • Jetzt kannst Du Deine eigenen Icons und Hingergrundgrafik gestalten., Bitte beachte, dass Deine Icons die gleiche Größe wie die Originalicons haben. Speichere Deine Icons, und benenne diese genauso, wie die entsprechenden Originale. Aufgepasst: Die Hintergrundgrafik darf die HD-Auflösung (max. 1920x1080) nicht überschreiten. Diese Auflösung stellt sicher, dass Deine Hintergrundgrafik auch richtig gut zur Geltung kommt.
  • Kopiere alle Icons und die Hintergrundgrafik in den entsprechenden Ordner (Falls Du mit einer Kopie der Originalvorlage arbeitest, kannst Du die Originalgrafiken einfach überschreiben). Falls Du mal nicht mehr weisst wo denn jetzt was hinkommt, schau einfach in der connected.cth oder im DivX Connected SDK nach.
  • Eine kleine Vorschauf gefällig? Das geht ganz simpel mit der Datei preview.html, die im Template-Ordner liegt. Doppelklick auf die preview.html, und das Browserfenster mit dem Design öffnet sich. Diese Vorschau gibt keine Funktionen wieder, gibt aber eine Vorschau, was später auf dem Fernseher zu sehen ist.
  • Nun muss die Installationsdatei erstellt werden. Wähle NUR den Ordner “theme” und die Datei "connected.cth". Klicke mit der rechten Maustaste auf die Auswahl und wähle „Senden an > Compressed zip folder“ (vorausgesetzt, du hast ein Archivierungsprogramm wie WinZip oder WinRAR auf dem Rechner.
  • Ändere anschließend die Dateierweiterung von ".zip" zu ".zth". Den Namen der Datei kannst Du ändern, jedoch nimmt dies keinen Einfluss auf den Namen des Designs (haben wir im Schritt 1 festgelegt).
  • Doppelklicken auf die fertige .zth-Datei und das Design wird installiert.

Wir gratulieren! Nun hast Du ein neues Design erstellt, welches Du auch mit anderen in der Community teilen kannst! War doch ganz einfach, oder?

Unter  http://labs.divx.com/ConnectedForum kannst Du Deine Kreationen der Community vorstellen und mit anderen teilen.

Für alle fortgeschrittenen empfehlen wir die Server Plug-in SDK. Damit lassen sich umfangreichere Änderungen und Anpassungen vornehmen: http://labs.divx.com/ConnectedDownload


Viele Spass!

Theme Creation Guide - English

The DivX Connected Theme Creation Guide


The .zip file below contains everything that is needed to create your own DivX Connected Theme.

Download the DivX Connected Theme Template

 
Below are the instructions for creating a theme using the theme template.  These instructions are also included in the .zip file.

1. Edit the connected.cth. You can open it in WordPad or Notepad. For the most part, you will only need to edit the theme name and author in the connected.cth document. You can also edit the colors of the expanded menu and general panel if you'd like. Make sure you save after editing.

2. Insert your own content into the "theme" folder by renaming your pictures with the same name as the original files included in this template. Then save or drag and drop to overwrite the original files. Refer to the connected.cth or the DivX Connected SDK if you need to figure out what icons you need to replace to get your desired theme. For the most part, you can completely change the look of your theme by just editing background.jpg and the icons in the "main_icons_menu" folder.
 
3. Preview your theme. There is a simple way to preview your theme. You can open the included "preview.html" file. It will not show off all aspects of the theme, but it will preview the main part of it.

4. When you’re done, select ONLY the "theme" folder and the

"connected.cth" file. Right click and choose: send to > compressed zip folder

5. Now change the extension of the resulting file from ".zip" to ".zth". You can change the actual name of the file as well, but this will have no affect on the final theme.

6. Double-click to install! Now you have a custom theme installed, and an installer that you can share with other people.


Other things you can do after creating your new theme:

 
- Share your theme with others at http://labs.divx.com/ConnectedForum

- Read more about the advanced features of theme editing in the new SDK, available here: http://labs.divx.com/ConnectedDownload

 

Theme Creation Guide - Fran├žais

Guide sur la création des thèmes DivX Connected

Les instructions ci-dessous expliquent tout sur le processus de créer vos propres thèmes DivX Connected.  Pour ce faire, suivez ces étapes :

  • Éditez le fichier connected.cth en l’ouvrant dans un Éditeur de texte comme WordPad ou Bloc-Notes.  Il suffit dans ce document de ne réviser que les noms du thème et l’auteur.  Par contre, il est possible de modifier les couleurs du menu agrandi et du panneau général si souhaité.
  • Ajoutez votre propre contenu au dossier « thèmes » en renommant les fichiers photo pour coïncider avec les nom des fichiers originaux inclus dans ce gabarit.  Sauvegardez-les ensuite, ou glissez et déposez vos photos pour écraser les fichiers originaux.  Pour savoir quelles icônes il faut remplacer afin d’obtenir les résultats souhaités, compulsez les documents connected.cth ou le SDK DivX Connected.  Pour la plupart, il est possible de changer entièrement l’apparence de votre thème rien qu’en modifiant le fichier background.jpg (image d’arrière-plan) et les icônes dans le dossier « main_icons_menu ». 
  • Prévisualisez votre thème.  La manière la plus simple de prévisualiser votre thème, c’est d’ouvrir le fichier joint « preview.html ».  Ce fichier ne montre pas tous les éléments du thème mais il en affichera la partie principale.
  • Quand vous en aurez fini, sélectionnez le dossier « thèmes » et le fichier « connected.cth ».  Faites un clic droit là-dessus et choisissez : Envoyer à > Dossier compressé (.zip).
  • Changez l’extension du fichier résultant de « .zip » à « .zth ».  Il est possible aussi de changer le nom du fichier même, mais ceci n’aura aucun effet sur l’apparence ou la fonction du thème final.
  • Effectuez un clic-double sur le fichier pour l’installer.  Vous avez maintenant un thème personnalisé installé sur votre PC ainsi qu’un fichier d’installation à partager avec les autres.

Options supplémentaires :

-Partager le thème avec les autres à htp://labs.divx.com/ConnectedForum

-En lire plus sur les fonctions avancées de l’édition de thèmes dans le nouveau SDK, disponible à : http://labs.divx.com/ConnectedDownload