Typo3: Element Text mit Bild um eigene Positionen erweitern

By Olaf Waltersdorf

Das Content-Element Text mit Bild ist sehr gut für die Einpflege von Inhalten in ein strukturiertes Layout geeignet. Wer das Maximum aus diesem Element rausholen will, möchte früher oder später seine eigenen Klassen und Stile unterbringen. Das geht auch ganz leicht über Seiten TSConfig, TypoScript und CSS.

1. Seiten TS Config

Zuerst brauchen wir eine eigenen Wert in dem Positions-Pulldown. Dies machen wir im Seiten TS Config mit diesem Code:

TCEFORM.tt_content.imageorient.types.textpic {
addItems {
31 = Bild links und Rahmen um alles
}
}

2. Wir defnieren im TypoScript Setup, was beim Wert 31 geschehen soll:

tt_content.image.20.layout {
31 = TEXT
31.value = <div><div>###IMAGES###</div><div>###TEXT###</div><div><!-- --></div></div>
31.insertData = 1
}

3. Mit  Css formatieren wir noch unsere Klassen:

.sw31_textpic_border {
border: 1px solid #E0E0E0;
width: auto;
margin-bottom: 1em;
}

.sw31_pic {
float:left;
border-right: 1px solid #E0E0E0;
margin-right:10px;
}

.sw31_text {
padding: 10px;
}

und fertig ist das gewünschte, eigene Handling des CE Elements!