RibbonX-Workshop - Bilder manuell einfügen

Du bist einem veralteten Link gefolgt, dieser Inhalt ist über eine neue URL erreichbar.
Hier wird beschrieben, wie man Icons manuell in die Datei einfügen kann. Dies ist zum Beispiel dann interessant, wenn Sie keine externen Programme (z.B. den CustomUI-Editor) installieren können/dürfen.

Zum Anschauen des Bildes auf selbiges klicken. Um zur Seite zurückzukehren klicken Sie erneut auf das Bild.

Wichtig: Keine Umlaute für die Namen verwenden! Die Dateinamenerweiterung wird nicht geändert! Vor jeder Änderung eine Sicherungskopie der Datei anlegen!


Hinweis:
Am einfachsten arbeitet man auf dem Desktop, da dieser leichter zu erreichen ist!


Bild1
Highslide JS



Bild 2
Highslide JS



Bild 3
Highslide JS



1. Zuerst einen neuen Ordner erstellen und in images benennen
2. Alle gewünschten Icons in diesen Ordner ablegen (Bild 3)
3. Die gewünschte Datei in Winzip oder Winrar öffnen
4. Den Ordner images in den Ordner "customUI" integrieren (Bild 1)
5. Einen weiteren Ordner erstellen und in _rels benennen
6. Diesen Ordner ebenfalls im Ordner "customUI" integrieren (Bild 1)
7. Nun erstellen wir eine Textdatei mit dem Namen customUI14.xml.rels (Bild 2)
Wichtig: Die Datei muss die Endung rels bekommen, nicht die Endung txt.
8. In diese Datei schreiben wir für jedes Icon eine Zeile mit folgenden Inhalt

Highslide JS


9. Diese Datei im Ordner "_rels" ablegen (Bild 2)
10. Nun wechseln wir ins Hauptverzeichnis und öffnen die "[Content_Types].xml".
11. In diese fügen wir ein die Zeile:
<Default Extension="png" ContentType="image/.png" />(gelb markiert)

Highslide JS


Hinweis:
Für jede Dateiendung eine eigene Zeile mit der entsprechenden Dateiendung. Bei JPG müsste die Zeile dann lauten: <Default Extension="jpg" ContentType="image/.jpg" />

12. Ab dann können wir die Bilder im image-Tag benutzen.
Wichtig: Genutzt wird die ID des Bildes, nicht der Name des Bildes.