Sie sind hier: Beispiele / Grafische Überschriften
Deutsch
Français
English
Français
English
Sunday, 28. April 2024

Wenn Sie hier keine grafischen Überschriften sehen, ist das TYPO3 image processing nicht korrekt installiert. Sehen Sie im Install Tool nach, um das zu ändern.

Sie können für jeden einzelnen <Hx> Tag im Constant Editor festlegen, ob eine Ersetzung durch eine Grafik stattfinden soll, oder nicht.

Farbe, Schriftgröße und Hintergrundfarbe können komfortabel im Constant Editor festgelegt werden, selbstverständlich für jeden <Hx> Tag separat.

Der Text für die Grafik wird dem Überschrift-Feld entnommen. Ändern Sie die Überschrift, wird das Bild neu berechnet.

Der Redakteur braucht dann nichts weiter zu tun, als für den Typ der Überschrift Layout 3, wie in diesem Fall, auszuwählen.

Grafische Überschrift Normal

Grafische Überschrift Layout 2

Grafische Überschrift Layout 3

Grafische Überschrift Layout 4

Grafische Überschrift Layout 5

Wenn Ihr Kunde darauf besteht, dass für Überschriften seine eigenen Fonts, gemäß dem vorliegenden CI, verwendet werden müssen, können Sie das mit diesem Feature verwirklichen. Allerdings ohne den Nachteil, dass Suchmaschinen nun keinen lesebaren Inhalt mehr vorfinden, sondern lediglich eine Grafik. Das Image Replacement nach der sogenannten Phark-Methode macht das möglich.

Im HTML-Quelltext der Seite steht folgendes:

<h3 class="G" style="background:url(typo3temp/GB/ed591d8ce7.png) no-repeat;">Grafische Überschrift</h3>

Der zugehörige CSS-Code sieht so aus (Auszug aus der content.css):

h3.G {border:0; height:30px; text-indent: -999em;}

Sie benötigen lediglich einen Truetype-Font, den Sie im Ordner fileadmin/fonts/ speichern. Die Grafik wird vom gifbuilder erzeugt.