TYPOlight wurde ab der Version 2.9 zu Contao umbenannt. Die komplett neu verfasste und umfangreichere Online-Version des neuen Contao-Handbuchs finden Sie unter www.contao-handbuch.de. Das alte TYPOlight-Handbuch bleibt für Nutzer älterer Versionen hier erhalten.
Code
Dieses Element wird dazu benutzt um den Code einer Programmiersprache wie z.B. PHP auf der Website sichtbar darzustellen. Der Code wird dabei nicht ausgeführt. Dieses Element ist daher vor allem für Websites interessant, auf denen es Anleitungen für andere Programmierer gibt, damit diese sich die Codebeispiele ansehen können.
Wie bei den meisten Elementen, haben Sie auch hier vor dem eigentlichen Inhalt des Elements die Möglichkeit diesem Abschnitt eine Überschrift zuzuweisen:
Eingabefeld „Überschrift“ samt Ausklappfeld (h1 – h6)
Geben Sie in das Eingabefeld die gewünschte Überschrift ein und wählen Sie aus dem Ausklappfeld die Hierarchiestufe der Überschrift aus. Hierarchiestufe bedeutet, dass Sie festlegen können, welche „Wichtigkeit“ diese Überschrift in einem Beitrag hat. Ist es die Hauptüberschrift (h1) oder bereits eine hierarchisch tiefer liegende Überschrift (h2 – h6, wobei h6 die niedrigste Stufe darstellt) der Seite?
Syntaxhervorhebung
Wenn Sie hier die Bezeichnung einer Programmiersprache auswählen, wird der nachfolgend eingegebene Code entsprechend optisch formatiert angezeigt.
Code (Pflichtfeld)
Geben Sie hier den Programmiercode ein, der auf der Website (ohne Ausführung) dargestellt werden soll.
Nur Gästen anzeigen
Setzen Sie hier einen Haken wenn Sie wollen, dass dieses Element nur für Besucher sichtbar ist, die nicht als Benutzer Ihrer Website angemeldet sind.
Element schützen
Setzen Sie hier einen Haken wenn Sie wollen, dass dieses Element nur für bestimmte angemeldete Benutzergruppen sichtbar ist. Nachdem Sie den Haken gesetzt haben, werden Ihnen alle momentan existierenden Benutzergruppen angezeigt. Wählen Sie diese aus, indem Sie vor den Namen der Benutzergruppe(n) einen Haken setzen.
Ausrichtung des Inhaltselements
Hiermit können Sie die Ausrichtung (linksbündig, rechtsbündig, zentriert, Blocksatz) des Elements festlegen. Wenn Ihr Webdesigner Wert auf eine saubere Trennung von Inhalt und Layout legt, wird er Ihnen diese Funktion üblicherweise nicht zur Verfügung stellen. Stattdessen kann er Ihnen z.B. eine Stylesheet ID- oder Klassenbezeichnung geben und die Ausrichtung mittels CSS festlegen.
Abstand davor und dahinter
Hiermit können Sie festlegen wie viele Pixel Abstand vor / nach dem Element (in Relation zu anderen Elementen) existieren. Wenn Ihr Webdesigner Wert auf eine saubere Trennung von Inhalt und Layout legt, wird er Ihnen diese Funktion üblicherweise nicht zur Verfügung stellen. Stattdessen kann er Ihnen z.B. eine Stylesheet ID- oder Klassenbezeichnung geben und die Abstände mittels CSS festlegen.
Stylesheet ID und Klasse
Geben Sie in das erste Feld eine ID-Bezeichnung und / oder in das zweite Feld eine oder mehrere Klassenbezeichnungen ein, wenn Ihr Webdesigner Ihnen solche Anweisungen zur Verfügung stellt und diese für das aktuelle Element erwünscht werden.
Speichern Sie das Element, nachdem Sie alle gewünschten Felder ausgefüllt haben.