Wir entwickeln den Job Ad Designer permanent weiter: neben der Möglichkeit, den gesamten Hintergrund der Jobvorlage zu ändern, arbeiten wir auch daran, dass individuelle Blöcke andersfarbig gestaltet werden können. Bis es soweit ist, können Sie diesen Effekt mit einigen wenigen HTML-Codes bereits jetzt für Textblöcke einsetzen.

1. Zugriff auf den Source Code

Öffnen Sie dazu den Source Code (< >) des Textblocks, für den Sie eine Farbe hinterlegen möchten.

2. Source Code

Der Source-Code-Editor erlaubt es Ihnen Änderungen vorzunehmen, welche noch nicht vom Job Ad Designer unterstützt werden. Wenn Sie z.B. den Textblock „Unser Unternehmen“ im Editor öffnen, sehen Sie den folgenden Code: 

<h1 class="text-element-header_text text-element-default-text">Unser Unternehmen</h1>.

---

3. Hinzufügen eines DIV Blocks

Um die Hintergrundfarbe zu setzen, fügen Sie das HTML Element DIV am Anfang des Blocks hinzu: 

<div style="background-color: color;">

Da ein DIV Block immer abgeschlossen werden muss, fügen Sie am Ende des Blocks noch folgendes Element ein:

</div>

Hinweis: Fügen Sie statt color einen Farbnamen, HEX-Werte, RGB(A) oder HSL(A) Werte ein. Eine genaue Beschreibung der verschiedenen Möglichkeiten finden Sie auf der Homepage von W3Schools, der größten Plattform für Entwickler.

Beispielsweise erzeugt der Farbname „lightgrey“ (statt color) einen hellgrauen Hintergrund. Der HTML Block sieht dann in der Praxis so aus:

Der hellgraue Hintergrund im Jobinserat:

Im folgenden Beispiel erzeugen wir einen leicht rötlichen Hintergrund mithilfe der HSL Funktion:

Der hellrote Hintergrund im Jobinserat: