Layout in Seiteninhalt / Inhaltselement definieren Typo3 Quicktipp

Wenn man einem Inhaltselement unter Typo3 7.6.xx ein anderes Layout zuweisen möchte, rekursiv also eine CSS Klasse, dann gab es "früher" das Dropdown Element "Rahmen". Diesen gibt es so nicht mehr, so dass das Layout dafür benutzt werden kann. Für das Webdesign ist diese Funktion wichtig.

Zunächst sollte man dem Layout eindeutige Namen verpassen, die der Redakteur auch nach einem halben Jahr Typo3 Abstinenz noch einigermaßen zuordnen kann.

Dafür klicken wir auf die Root-Seite und öffnen die Seiteneigenschaften. In den Tabs gibt es die Ressourcen. Dort gibt es ein Feld Seiten-TSconfig. Dort wird nach diesem Muster

TCEFORM.tt_content {

        layout{

            altLabels{

                0 = Normale Box

                1 = Eindeutiger Name 1

                2 = Eindeutiger Name 2

                3 =  Eindeutiger Name 3

                4 = Eindeutiger Name 4

               

            }

            removeItems = 6,7,8,9,10

        }

    }

eingetragen. Man kann die TSConfig natürlich auch auslagern, und als .ts auf dem Server bereitstellen. Dann hat man alles zentral. In den Constants des Root Template wird

<INCLUDE_TYPOSCRIPT: source="FILE:fileadmin/template/TypoScript/constants.ts">

der Ort der Datei definiert.

Jetzt kann man im Setup, welches ich auch stets auslagere, folgendes oä. definiert:


tt_content.stdWrap.innerWrap.cObject = CASE

    tt_content.stdWrap.innerWrap.cObject {

        key.field = layout

        1 = TEXT        

        1.value = <div class="csc-default meineklasse1">|</div>

 

        2 = TEXT

        2.value = <div class="csc-default meineklasse2">|</div>

    

     3 = TEXT

        3.value = <div class="csc-default meineklasse3">|</div>

 

    }

Jetzt erhält das Div jeweils eine CSS-Klasse.

Noch Fragen: Einfach die Internetagentur aus Hannover anrufen, auch bei Fragen rund ums Thema Webdesign.

TYPO3 Referenzen der Internetagentur & Webdesign aus Hannover

Entwicklung des Digitalen Markenauftritts für die Bender Gruppe. Ein integriertes Webkonzept für alle Bender Gruppen Firmen. Das Pharmaunternehmen entwickelt, vertreibt und berät seine Kunden rund um das Thema Kontrastmittel.

Zur Website...

Die neue Website, zusammen mit Dieter Goetz entwickelt, ist nun online:

Zur Schöpflin Schule

Perspektive neuStart unterstützt Menschen aus aller Welt dabei, ihr eigenes Unternehmen zu gründen und gemeinsam ein bunteres und vielfältigeres Gründungsgeschehen in Deutschland zu ermöglichen. Durch ihre Ideen und Lösungsansätze werden neue Arbeitsplätze geschaffen, gesellschaftliche...

Auf Basis des Blogsystems Wordpress wird der Inhalt des auf dem Stadtportals hannover.de eigenständig.

Hier der Link zur neuen Seite: Familienblog Hannover

Relaunch der Website der KSG Hannover.

KSG Hannover öffnen

TYPO3 Tipps:

Layout in Seiteninhalt / Inhaltselement definieren

TYPO3 Referenzen der Internetagentur & Webdesign aus Hannover

Pharma Bender Gruppe // Entwicklung Digital Corporate Design // Webentwicklung

Schöpflin Schule

Perspektive neuStart

FamilienBLOG Stadt Hannover // Konzeption & Umsetzung

KSG Hannover Wohnungsgesellschaft // Relaunch

Auch interessant