Versteckte Container

Im TYPO3 lassen sich mit den folgenden Einstellungen Content-Elemente verstecken:

Versteckt wenn JavaScript vorhanden

CSS-Klasse: .hide-if-js

Dieser Text nur bei deaktiviertem Javascript und der Druckansicht zu sehen.

Versteckt auf kleinen Bildschirmen

CSS-Klasse: .hide-if-mobil

Dieser Text ist nur auf großen Bildschirmen und der Druckansicht zu sehen.

Versteckt auf großen Bildschirmen

CSS-Klasse: .hide-if-desktop

Dieser Text ist nur auf kleinen Bildschirmen und der Druckansicht zu sehen.

Versteckt in der Druckansicht

CSS-Klasse: .hide-if-print

Dieser Text wird in der Druckansicht ausgeblendet.

Lightbox-Optionen

Neben dem normalen Vergrößern von Bildern lassen sich in der Lightbox auch externe Seiten und interne Inhalte öffenen.

Lightbox öffnet eine externe URL in einem iframe

CSS-Klasse: .lightbox-frame

Beispiel:
Video in Lightbox

Lightbox öffnet eine Content-Element (Formular) dieser Seite in der Lightbox

CSS-Klasse: .lightbox-inline

Beispiel:
verstecktes Formular

Kontaktdaten

CSS-Klasse: .lightbox-inline

Beispiel:
versteckter Inhalt

Dieser Text nur bei deaktiviertem Javascript und der Druckansicht zu sehen.

CSS-Klasse: .lightbox-inline

Beispiel:
normaler Inhalt

Formulartest in lightbox