Design anpassen im DA-HelpCreator

Anpassungen im Design von DA-HelpCreator-Projekten: ein eigenes Logo einf├╝gen.

In unserem Beispiel wollen wir ein eigenes Logo in den Kopfbereich einf├╝gen.

Die Einstellungen f├╝r das Template kann unter „Einstellungen“ – „Template“ vorgenommen werden. Um die Logo-Datei dem Projekt hinzuzuf├╝gen, gehen wir hier auf die „Projektdateien“.

Die Logo-Datei f├╝gen wir jetzt hinzu, indem wir auf „Datei hinzuf├╝gen“ klicken. Sie sollte anschlie├čend erscheinen.

Die Datei wird anschlie├čend beim Export mit in das Projekt ├╝bernommen. Nun k├Ânnen wir das HTML-Template bearbeiten, dazu klicken wir auf den Reiter „HTML“.

Hier sehen wir das aktuelle Template. Dieses wird beim Export verwendet. Sie k├Ânnen hier beliebige ├änderungen vornehmen. Vorsicht bei den Platzhaltern, welche mit

<!-- NAME -->

gekennzeichnet sind.

In unserem Fall wollen wir das Logo in den Head einf├╝gen, dies ist der folgende Bereich:

Hier f├╝gen wir nun das Bild ein:

<img src="<!-- ROOTPATH -->_support/files/logo_dasoftware.png" height="30">

Wichtig ist der Platzhalter am Anfang und das Verzeichnis: „_support/files/“ gefolgt vom Dateinamen des Logos. Zus├Ątzlich geben wir eine H├Âhe an, damit das Logo nicht zu gro├č wird.

Fertig! Beim Export sollte nun das Logo erscheinen.

In CHM-Dateien

In CHM-Dateien funktioniert der Ansatz prinzipiell auch, allerdings k├Ânnen wir hier das Bild nicht direkt verwenden wie oben. Stattdessen konvertieren wir das Bild in Base64 und f├╝gen es ein.

Dies k├Ânnen wir mit dem „Base64 Bild Konverter“ erledigen. Hier f├╝gen wir das Bild ein und erhalten anschlie├čend den HTML-Code.

Den Code m├╝ssen wir nun markieren und in die Zwischenablage kopieren.

Anschlie├čend f├╝gen wir diesen in das Template f├╝r die Windows-Hilfe ein. Der HTML-Code ist hier ├Ąhnlich aufgebaut.

Anschlie├čend wird auch beim Export das Logo dargestellt.

Kommentar hinterlassen

Deine E-Mail-Adresse wird nicht ver├Âffentlicht. Erforderliche Felder sind mit * markiert.