diff options
Diffstat (limited to 'files/de/theme_erstellen')
| -rw-r--r-- | files/de/theme_erstellen/contents.rdf/index.html | 47 | ||||
| -rw-r--r-- | files/de/theme_erstellen/einführung/index.html | 83 | ||||
| -rw-r--r-- | files/de/theme_erstellen/index.html | 26 | ||||
| -rw-r--r-- | files/de/theme_erstellen/install.rdf/index.html | 46 | ||||
| -rw-r--r-- | files/de/theme_erstellen/uuid/index.html | 12 |
5 files changed, 214 insertions, 0 deletions
diff --git a/files/de/theme_erstellen/contents.rdf/index.html b/files/de/theme_erstellen/contents.rdf/index.html new file mode 100644 index 0000000000..589b4825c1 --- /dev/null +++ b/files/de/theme_erstellen/contents.rdf/index.html @@ -0,0 +1,47 @@ +--- +title: contents.rdf +slug: Theme_erstellen/contents.rdf +tags: + - Themes +translation_of: Archive/Themes/Creating_a_Skin_for_Firefox/contents.rdf +--- +<p>Kopieren Sie den folgenden Text in ein neues Textdokument und speichern Sie es unter dem Namen »<code>contents.rdf</code>«:</p> +<pre><?xml version="1.0"?> + +<RDF:RDF xmlns:RDF="http://www.w3.org/1999/02/22-rdf-syntax-ns#" + xmlns:chrome="http://www.mozilla.org/rdf/chrome#"> + + <!-- List all the skins being supplied by this theme --> + <RDF:Seq about="urn:mozilla:skin:root"> + <RDF:li resource="urn:mozilla:skin:My_Theme"/> + </RDF:Seq> + + <RDF:Description about="urn:mozilla:skin:My_Theme" + chrome:displayName="My Theme" + chrome:accessKey="N" + chrome:author="Name des Autors" + chrome:authorURL="Webseite des Autors" + chrome:description="Beschreibung" + chrome:name="My_Theme" + chrome:image="vorschaubild.png"> + <chrome:packages> + <RDF:Seq about="urn:mozilla:skin:My_Theme:packages"> + <RDF:li resource="urn:mozilla:skin:My_Theme:browser"/> + <RDF:li resource="urn:mozilla:skin:My_Theme:communicator"/> + <RDF:li resource="urn:mozilla:skin:My_Theme:global"/> + <RDF:li resource="urn:mozilla:skin:My_Theme:mozapps"/> + <RDF:li resource="urn:mozilla:skin:My_Theme:help"/> + </RDF:Seq> + </chrome:packages> + </RDF:Description> + + <!-- Version Information. State that we work only with major version 1 of this package. --> + <RDF:Description chrome:skinVersion="1.5" about="urn:mozilla:skin:My_Theme:browser"/> + <RDF:Description chrome:skinVersion="1.5" about="urn:mozilla:skin:My_Theme:communicator"/> + <RDF:Description chrome:skinVersion="1.5" about="urn:mozilla:skin:My_Theme:global"/> + <RDF:Description chrome:skinVersion="1.5" about="urn:mozilla:skin:My_Theme:mozapps"/> + <RDF:Description chrome:skinVersion="1.5" about="urn:mozilla:skin:My_Theme:help"/> +</RDF:RDF> + +</pre> +<p>{{ languages( { "fr": "fr/Cr\u00e9er_un_th\u00e8me_pour_Firefox/contents.rdf", "ja": "ja/Creating_a_Skin_for_Firefox/contents.rdf", "pl": "pl/Tworzenie_sk\u00f3rek_dla_Firefoksa/contents.rdf", "pt": "pt/Criando_um_visual_para_o_Firefox/contents.rdf", "en": "en/Creating_a_Skin_for_Firefox/contents.rdf", "zh-tw": "zh_tw/\u88fd\u4f5c_Firefox_\u4f48\u666f\u4e3b\u984c/contents.rdf" } ) }}</p> diff --git a/files/de/theme_erstellen/einführung/index.html b/files/de/theme_erstellen/einführung/index.html new file mode 100644 index 0000000000..ebc2d3232c --- /dev/null +++ b/files/de/theme_erstellen/einführung/index.html @@ -0,0 +1,83 @@ +--- +title: Theme_erstellen/Einführung +slug: Theme_erstellen/Einführung +tags: + - Add-ons + - Themes +translation_of: Archive/Mozilla/Creating_a_sking_for_Firefox_Getting_Started +--- +<p>Laden Sie die neueste Version von Firefox herunter und installieren Sie diese. Stellen Sie sicher, dass Sie auch den DOM Inspector installieren.</p> +<h3 id="Theme_entpacken">Theme entpacken</h3> +<p>Theoretisch kann man jedes bereits für Firefox erstellte Theme als Grundlage verwenden, der Einheitlichkeit halber wird in diesem Beipiel das Standard Firefox Theme "Winstripe" verwendet. Dieses befindet sich in der Datei <code>classic.jar</code>, die im Firefox Installationsverzeichnis zu finden ist. Eine JAR-Datei ist in Wirklichkeit ein umbenanntes ZIP-Archiv. Wenn JAR-Dateien in einem Archivierungstool geöffnet werden, sollte es automatisch als solches erkannt werden. Falls Ihr Programm <code>classic.jar</code> nicht als ZIP-Archiv erkennen sollte, benennen Sie die Datei einfach in <code>classic.zip</code> um und fahren mit dem Entpacken fort.</p> +<h4 id="Standard_classic.jar_Verzeichnisse">Standard classic.jar Verzeichnisse</h4> +<p><strong>Linux:</strong> <code>/usr/lib/MozillaFirefox/chrome/classic.jar</code> oder <code>/usr/lib/firefox-*.*.*/chrome/classic.jar</code></p> +<p><strong>Windows:</strong> \Programme\Mozilla Firefox\chrome\classic.jar</p> +<p><strong>Mac OS X:</strong></p> +<ul> <li>Gehen Sie zum Anwendungsordner</li> <li>Führen Sie einen Control-Klick auf das Anwendungsicon (Firefox Icon) aus und wählen Sie Paketinhalte anzeigen.</li> <li>Gehen Sie zu contents/MacOS/Chrome/classic.jar</li> +</ul> +<p>Kopieren Sie <code>classic.jar</code> in ein anderes, einfach zu erreichendes Verzeichnis - <code>Classic</code> wird empfohlen - und entpacken Sie die Inhalte der Datei in diesen Ordner. Achten Sie dabei darauf, dass die Ordnerstruktur beibehalten wird.</p> +<h3 id="Verzeichnisse">Verzeichnisse</h3> +<p>Innerhalb <code>classic.jar</code> gibt es einen Ordner <code>skin</code>, sowie zwei Dateien, <code>preview.png</code> und <code>icon.png</code>.</p> +<dl> <dt><code>skin</code></dt> <dd><code>skin</code> enthält ausschließlich den Ordner <code>classic</code></dd> <dt><code>skin/classic</code></dt> <dd><code>classic</code> enthält die folgenden Verzeichnisse:</dd> <dt><code>skin/classic/browser</code></dt> <dd><code>browser</code> enthält alle Symbolleisten Icons sowie die Icons des Lesezeichen-Managers und des Einstellungen-Fensters.</dd> <dt><code>skin/classic/communicator</code></dt> <dd>Macht nicht allzu viel und kann deshalb normalerweise außen vor gelassen werden.</dd> <dt><code>skin/classic/global</code></dt> <dd><code>global</code> enthält fast alle wichtigen CSS-Dateien, die die Darstellung des Browsers definieren. Dieser Ordner stellt den wichtigsten Bereich bei der Erstellung eines Themes dar.</dd> <dt><code>skin/classic/help</code></dt> <dd><code>help</code> enthält alle Dateien zur Darstellung des Hilfe-Dialogs.</dd> <dt><code>skin/classic/mozapps</code></dt> <dd><code>mozapps</code> enthält alle Styles und Icons der Dialoge innerhalb des Browsers, wie z. B. für die Add-ons und den Update-Assistenten.</dd> +</dl> +<h3 id="Installation_des_neuen_Themes">Installation des neuen Themes</h3> +<p>Bevor Sie die Änderungen sehen können, die Sie an einem Firefox Theme gemacht haben, müssen Sie zunächst verstehen, wie man das classic Theme wieder packt, um es installierbar zu machen. Zur Einfachheit nennen wir das Theme einfach "My_Theme". Sie können ihm jedoch einen beliebigen Namen geben.</p> +<h4 id="Kopieren_der_erforderlichen_Dateien">Kopieren der erforderlichen Dateien</h4> +<p>Im ersten Schritt werden alle Dateien in die richtige Verzeichnisstruktur verschoben. Erstellen Sie hierzu einen neuen Ordner <code>My_Theme</code>. In dieses Verzeichnis verschieben Sie anschließend die Ordner <code>browser</code>, <code>global</code>, <code>communicator</code>, <code>help</code> und <code>mozapps</code> aus dem classic Theme von Firefox zusammen mit den Dateien <code>icon.png</code> und <code>preview</code>. Die Struktur von "My_Theme" und <code>classic.jar</code> unterscheidet sich dabei leicht.</p> +<h4 id="Erstellen_der_Installationsdateien">Erstellen der Installationsdateien</h4> +<h5 id="contents.rdf">contents.rdf</h5> +<p>Machen Sie eine Kopie von <a href="/de/Theme_erstellen/contents.rdf" title="de/Theme_erstellen/contents.rdf">contents.rdf</a> und platzieren Sie die Datei innerhalb von <code>\My_Theme</code>. Diese Datei stellt eine XML-Datei dar, die zur Beschreibung des Skins verwendet wird.</p> +<p>Öffnen Sie die Datei in einem Texteditor. Ersetzen Sie alle Vorkommen von "My_Theme" innerhalb des Codes durch den Namen ihres Themes.</p> +<p>Der "packages"-Bereich listet die Komponenten des Browsers auf, die verändert werden. Falls wir zusätzliche Skins für Chatzilla hätten, müssten wir eine weitere Zeile hinzufügen ähnlich den anderen und sie so verändern, dass die auf Chatzilla verweist.</p> +<pre class="eval"><RDF:li resource="urn:mozilla:skin:<span style="color: #00D; font-weight: bold;">My_Theme</span>:communicator"/> +<RDF:li resource="urn:mozilla:skin:<span style="color: #00D; font-weight: bold;">My_Theme</span>:editor"/> +<RDF:li resource="urn:mozilla:skin:<span style="color: #00D; font-weight: bold;">My_Theme</span>:global"/> +<RDF:li resource="urn:mozilla:skin:<span style="color: #00D; font-weight: bold;">My_Theme</span>:messenger"/> +<RDF:li resource="urn:mozilla:skin:<span style="color: #00D; font-weight: bold;">My_Theme</span>:navigator"/> +</pre> +<p>Speichern Sie die Datei und beenden Sie den Texteditor.</p> +<h5 id="install.rdf">install.rdf</h5> +<p>Erstellen Sie eine Kopie von <a href="/de/Theme_erstellen/install.rdf" title="de/Theme_erstellen/install.rdf">install.rdf</a> und platzieren Sie die Datei innerhalb von <code>\My_Theme</code>. Diese Datei stellt eine XML-Datei dar, die zur Beschreibung des Skins verwendet wird.</p> +<pre> <Description about="urn:mozilla:install-manifest"> + <em:id>{Themes_UUID}</em:id> + <em:version>Themes_Version</em:version> +</pre> +<p>Die erste Sektion benötigt eine <a href="/de/Theme_erstellen/UUID" title="de/Theme_erstellen/UUID">UUID</a> und eine Versionsnummer für ihr Theme.</p> +<p>Sie müssen zudem die Minimal- und Maximalversion von Firefox angeben, zu der ihr Theme kompatibel ist:</p> +<pre> <em:targetApplication> + <Description> + <!-- Firefox's UUID --> + <em:id>{ec8030f7-c20a-464f-9b0e-13a3a9e97384}</em:id> + <em:minVersion>Min_FF_Version</em:minVersion> + <em:maxVersion>Max_FF_Version</em:maxVersion> + </Description> + </em:targetApplication> +</pre> +<p>Die Angabe der Minimal- und Maximalversion vermeidet Konflikte mit Versionen von Firefox, für die Ihr Theme nicht erstellt wurde - oder nicht getestet wurde.</p> +<h3 id="CSS-Dateien">CSS-Dateien</h3> +<p>Die CSS-Dateien in den Verzeichnissen beschreiben dem Browser, wie er Buttons und andere Kontrollelemente darstellen soll, wo Bilder angezeigt werden sollen, welche Ränder und Abstände er um sie legen soll usw.</p> +<p>Als Beispiel ändern wir den Standard Button.</p> +<p>Wechseln sie in das <code>global</code> Verzeichnis und öffnen sie die Datei <code>button.css</code> in einem Texteditor. Scrollen Sie bis zu der Zeile mit <code>button</code>. Dieser Style definiert die Darstellung des Stardard Buttons in seinem Ausgangszustand (ohne Mouse-Over-Effekt, der Button ist nicht deaktiviert und nicht ausgewählt).</p> +<p>Ändern Sie <code>background-color:</code> zu <code>DarkBlue</code> und <code>color:</code> zu <code>White</code> und speichern die Datei ab.</p> +<h3 id="Wieder_zu_JAR-Datei_packen" name="Wieder_zu_JAR-Datei_packen">Wieder zu JAR-Datei packen</h3> +<p>Alles was Sie jetzt noch tun müssen, ist die folgende Verzeichnisstruktur wieder in eine JAR-Datei zu packen:</p> +<pre>/browser/* +/communicator/* +/global/* +/help/* +/mozapps/* +/contents.rdf +/install.rdf +/icon.png +/preview.png +</pre> +<p>Stellen Sie sicher, dass Sie nicht nur das Hauptverzeichnis <code>My_Theme</code> packen, sonst schlägt die Drag & Drop Installation fehl.</p> +<h3 id="Installation_aus_einer_Webseite_heraus" name="Installation_aus_einer_Webseite_heraus">Installation aus einer Webseite heraus</h3> +<p>Um das Theme direkt aus dem Internet zu installieren, müssen Sie JavaScript bemühen:</p> +<pre> <a href='javascript:InstallTrigger.installChrome(InstallTrigger.SKIN, + "<span style="color: #00D; font-weight: bold;">myskin.jar</span>", "<span style="color: #00D; font-weight: bold;">Meinen Skin installieren</span>")'>Meinen Skin installieren</a> +</pre> +<h3 id="Installation_von_der_Festplatte">Installation von der Festplatte</h3> +<p>Wenn Sie JAR-Dateien mit Themes auf Ihrer Festplatte haben und installieren wollen, benutzen Sie <a class="external" href="http://developer.mozilla.org/samples/installjar.html">dieses Formular</a>.</p> +<p>Sie können auf einfach die JAR-Datei per Drag & Drop in den Themes-Dialog innerhalb Firefox ziehen.</p> +<p>{{ languages( { "en": "en/Creating_a_Skin_for_Firefox//Getting_Started", "es": "es/Creando_un_skin_para_Firefox/Como_empezar", "fr": "fr/Cr\u00e9er_un_th\u00e8me_pour_Firefox/Premiers_pas", "ja": "ja/Creating_a_Skin_for_Firefox/Getting_Started", "pl": "pl/Tworzenie_sk\u00f3rek_dla_Firefoksa/Zaczynamy", "pt": "pt/Criando_um_visual_para_o_Firefox/Iniciando" } ) }}</p> diff --git a/files/de/theme_erstellen/index.html b/files/de/theme_erstellen/index.html new file mode 100644 index 0000000000..b96e8b4351 --- /dev/null +++ b/files/de/theme_erstellen/index.html @@ -0,0 +1,26 @@ +--- +title: Theme erstellen +slug: Theme_erstellen +tags: + - Skin + - Themes +translation_of: Archive/Themes/Creating_a_Skin_for_Firefox +--- +<h3 id="Vorwort">Vorwort</h3> +<p>Um einen Skin für Firefox zu erstellen, müssen Sie drei Dinge wissen: Wie man Bilder bearbeitet, wie man ZIP-Dateien extrahiert und wie man <a href="/de/CSS" title="de/CSS">CSS</a> bearbeitet. Firefox benutzt normale GIF, PNG und JPEG Bilder für die Buttons und CSS, um alles andere der Benutzeroberfläche darzustellen.</p> +<p><strong>Was ist ein Skin?</strong></p> +<p>Ein Skin ändert nicht die komplette Benutzeroberfläche; stattdessen definiert er, wie die Oberfläche dargestellt wird. Sie können nicht die Verhaltensweise des Programms ändern, wie beispielsweise die Aktion nach einem Rechtsklick auf ein Bild, aber Sie können das Aussehen des Kontextmenüs ändern. Wenn Sie jedoch nicht das Aussehen von Firefox, sondern dessen Funktionsweise verändern wollen, können Sie hierfür eine <a href="/de/Erweiterung_erstellen" title="de/Erweiterung_erstellen">Erweiterung erstellen</a>.</p> +<h3 id="Inhalt">Inhalt</h3> +<ul> + <li><a href="/de/Theme_erstellen/Einführung" title="de/Theme_erstellen/Einführung">Einführung</a></li> +</ul> +<div class="originaldocinfo"> + <h3 id="Informationen_zum_Originaldokument">Informationen zum Originaldokument</h3> + <ul> + <li>Autor: Neil Marshall und Tucker Lee</li> + <li>Beteiligte Autoren (Vorschläge/Korrekturen): Brent Marshall, CDN (<a class="external" href="http://themes.mozdev.org" rel="freelink">http://themes.mozdev.org</a>), JP Martin, Boris Zbarsky, Asa Dotzler, WeSaySo, David James, Dan Mauch, Anders Conbere, Tim Regula (<a class="external" href="http://www.igraphics.nn.cx" rel="freelink">http://www.igraphics.nn.cx</a>)</li> + <li>Informationen zum Copyright: Copyright 2002-2003 Neil Marshall, Erlaubnis zur Verwendung im MDC Wiki im April 2005 via Email erteilt.</li> + <li>Originaladresse: <a class="external" href="http://www.eightlines.com/neil/mozskin">http://www.eightlines.com/neil/mozskin</a></li> + </ul> +</div> +<p>{{ languages( { "en": "en/Creating_a_Skin_for_Firefox", "es": "es/Creando_un_tema_para_Firefox", "fr": "fr/Cr%c3%a9er_un_th%c3%a8me_pour_Firefox", "pl": "pl/Tworzenie_sk%c3%b3rek_dla_Firefoksa", "ja": "ja/Creating_a_Skin_for_Firefox" } ) }}</p> diff --git a/files/de/theme_erstellen/install.rdf/index.html b/files/de/theme_erstellen/install.rdf/index.html new file mode 100644 index 0000000000..66871db2c2 --- /dev/null +++ b/files/de/theme_erstellen/install.rdf/index.html @@ -0,0 +1,46 @@ +--- +title: install.rdf +slug: Theme_erstellen/install.rdf +tags: + - Themes +translation_of: Archive/Themes/Creating_a_Skin_for_Firefox/install.rdf +--- +<p>Kopieren Sie den folgenden Text und fügen sie ihn in eine Textdatei ein, speichern Sie die Datei anschließend als <span style="">»</span><code>install.rdf«</code>:</p> +<pre><?xml version="1.0"?> + +<RDF xmlns="http://www.w3.org/1999/02/22-rdf-syntax-ns#" + xmlns:em="http://www.mozilla.org/2004/em-rdf#"> + + <Description about="urn:mozilla:install-manifest"> + <em:id>{Themes_UUID}</em:id> + <em:version>Themes_Version</em:version> + +<!-- Target Application this extension can install into, + with minimum and maximum supported versions. --> + +<em:targetApplication> + <Description> + <!-- Firefox's UUID --> + <em:id>{ec8030f7-c20a-464f-9b0e-13a3a9e97384}</em:id> + <em:minVersion>Min_FF_Version</em:minVersion> + <em:maxVersion>Max_FF_Version</em:maxVersion> + </Description> + </em:targetApplication> + + <!-- Front End MetaData --> + <!-- My_Theme --> + <em:name>My_Theme</em:name> + <em:description>My_Theme</em:description> + <em:creator>Your_Name</em:creator> + <em:contributor>Contributors_Names</em:contributor> + <em:homepageURL>Themes_HomePage</em:homepageURL> + <em:updateURL> Url_of_Update_Location </em:updateURL> + <em:aboutURL> Url_of_About_Page </em:aboutURL> + + <!-- Front End Integration Hooks (used by Theme Manager)--> + <em:internalName>My_Theme</em:internalName> + </Description> + +</RDF> +</pre> +<p>{{ languages( { "en": "en/Creating_a_Skin_for_Firefox/install.rdf", "fr": "fr/Cr\u00e9er_un_th\u00e8me_pour_Firefox/install.rdf", "ja": "ja/Creating_a_Skin_for_Firefox/install.rdf", "pl": "pl/Tworzenie_sk\u00f3rek_dla_Firefoksa/install.rdf", "pt": "pt/Criando_um_visual_para_o_Firefox/install.rdf", "zh-tw": "zh_tw/\u88fd\u4f5c_Firefox_\u4f48\u666f\u4e3b\u984c/install.rdf" } ) }}</p> diff --git a/files/de/theme_erstellen/uuid/index.html b/files/de/theme_erstellen/uuid/index.html new file mode 100644 index 0000000000..7ce4b2eb92 --- /dev/null +++ b/files/de/theme_erstellen/uuid/index.html @@ -0,0 +1,12 @@ +--- +title: UUID +slug: Theme_erstellen/UUID +tags: + - Themes +translation_of: Archive/Themes/Creating_a_Skin_for_Firefox/UUID +--- +<h3 id="UUID_Universal_Unique_Identifier">UUID: Universal Unique Identifier</h3> +<p>Eine UUID kann man unter <a class=" external" href="http://www.famkruithof.net/uuid/uuidgen">http://www.famkruithof.net/uuid/uuidgen</a> erhalten oder indem man »firebot: uuid?« auf <a class=" link-irc" href="irc://irc.mozilla.org">irc.mozilla.org</a> eingibt.</p> +<h3 id="Siehe_auch">Siehe auch</h3> +<p><a href="/de/GUIDs_generieren" title="de/GUIDs_generieren">GUIDs generieren</a></p> +<p>{{ languages( { "en": "en/Creating_a_Skin_for_Firefox/UUID", "es": "es/Creando_un_skin_para_Firefox/UUID", "fr": "fr/Cr\u00e9er_un_th\u00e8me_pour_Firefox/UUID", "ja": "ja/Creating_a_Skin_for_Firefox/UUID", "pl": "pl/Tworzenie_sk\u00f3rek_dla_Firefoksa/UUID", "pt": "pt/Criando_um_visual_para_o_Firefox/UUID", "zh-tw": "zh_tw/\u88fd\u4f5c_Firefox_\u4f48\u666f\u4e3b\u984c/UUID" } ) }}</p> |