Galerien

Bildergalerie & Lightbox

Einfache Bilder und Galerien sind im TYPO3-System schnell aufgebaut. Standardmäßig werden Bilder beim Öffnen in der Website-Base als Lightbox dargestellt: Das Bild vergrößert sich, während der Hintergrund 'abgedunkelt' wird. Probieren Sie es einfach aus und klicken Sie eines der Bilder an. Um die Lightbox auszublenden, klicken Sie entweder an einer beliebigen Stelle neben das dargestellte Bild oder nutzen das X in der rechten oberen Ecke.

Ob ein Bild klickbar ist und somit vergrößert werden kann, entscheiden Sie individuell in den Bildeinstellungen im Backend.

Bildergalerie aus Ordnerinhalten

Mit dem Galerie-Element lassen sich sehr einfach Bilder eines Ordners als Galerie darstellen.

Vorschaubilder dynamisch skalierbar

Alle Vorschaubilder werden automatisch auf die eingestellte Größe runterskaliert. Die Standard-Größe von 128 Pixeln kann direkt im Content-Element überschrieben werden.

Slider

Slider als Header

Slider können sowohl als Header Element, als auch innerhalb der Seite platziert werden. In diesem Fall ist das Element ganz oben auch ein Slider, allerdings mit nur einem Slide und mit Vollbild-Höhe.

Slider mit automatischer Höhe und Navigationspunkten

Slider mit mittlerer Höhe

Slider mit niedriger Höhe

Videos

Sofern ein Video im System hochgeladen wurde, kann es über das Inhaltselement Text & Medien eingebunden werden.

Wenn Sie YouTube Videos hinzufügen möchten, ohne diese herunterzuladen, nutzen Sie am besten unsere sg_youtube Extension bzw. das Youtube Plug-in.

Mit diesem Inhaltselement können Sie sowohl einzelne Videos, als auch Playlists oder ganze Kanäle mit einer Vielzahl an Optionen elegant auf Ihrer Seite einbinden. Mehr dazu sehen Sie auf der Seite zu Social Media und in den folgenden Beispielen.

Einzelnes Video

Beim Verlinken eines einzelnen Videos können Sie das Video inklusive Beschreibung und Titel, aber auch nur mit Titel oder nur mit der Beschreibung anzeigen lassen. Es ist ebenfalls möglich nur das Video ohne Titel und Beschreibung einzubinden.

Mit Titel und Beschreibung

Fluid-Support für PHPStorm und IntelliJ IDEA Ultimate

Fluid-Support für PHPStorm und IntelliJ IDEA Ultimate

Zur Unterstützung der täglichen Arbeit mit der Template-Sprache Fluid, haben wir dieses Plugin für die populären IntelliJ IDEs - IntelliJ IDEA und PHPStorm - von Jetbrains erschaffen. Mehr Informationen auf unserer Produktseite: https://www.sgalinski.de/typo3-produkte-webentwicklung/typo3-fluid-phpstorm-intellij/ Erwerbbar in unserem Shop: https://shop.sgalinski.de/products/5/fluid-support-for-phpstorm-and-intellij Music by 19minutes http://www.youtube.com/user/19minutesband

Nur mit Titel

Fluid-Support für PHPStorm und IntelliJ IDEA Ultimate

Fluid-Support für PHPStorm und IntelliJ IDEA Ultimate

Video alleine

Die Optionen zum Entfernen der Beschreibungen und Titel stehen auch für Playlists und Kanalübersichten zur Verfügung. Einige Beispiele sehen Sie unten.

Playlist

Playlist ohne Beschreibungen und Titel

Ganzer Kanal

Ganzer Kanal ohne Videotitel

  • Insights into the Extbase ORM-Layer – Paul Ilea
    This week, Paul kicks off our new series of internal talks with an introduction to the Extbase ORM-Layer. The first steps are always the hardest – unfortunately Philipps audio track was not recorded, so you won't be able to hear all the questions he asked. But Pauls answers to them are probably more interesting anyway.
  • Fluid-Support für PHPStorm und IntelliJ IDEA Ultimate
    Zur Unterstützung der täglichen Arbeit mit der Template-Sprache Fluid, haben wir dieses Plugin für die populären IntelliJ IDEs - IntelliJ IDEA und PHPStorm - von Jetbrains erschaffen. Mehr Informationen auf unserer Produktseite: https://www.sgalinski.de/typo3-produkte-webentwicklung/typo3-fluid-phpstorm-intellij/ Erwerbbar in unserem Shop: https://shop.sgalinski.de/products/5/fluid-support-for-phpstorm-and-intellij Music by 19minutes http://www.youtube.com/user/19minutesband
  • Tutorial: How to change the .ts file extension for typoscript in PhpStorm, Webstorm and Co.
    The .ts file extension is used for typescript in jetbrains products. This tutorial shows how to use the .ts files extension for the file type typoscript. German Blog Post: http://www.sgalinski.de/news/tipps-tricks/phpstorm-dateiendung-fuer-typoscript-korrekt-setzen/
  • Vorstellung: TinyMCE als TYPO3 RTE
    Bereits Ende Juli haben wir eine TYPO3-Erweiterung rausgebracht, die euch beim Schreiben eurer Text behilflich ist. Diese basiert auf dem aktuellen TinyMCE und der bereits bekannten Link- und Bild-Funktionalität vom Default-RTE "rtehtmlarea". Hier ist die Videoanleitung dazu, ihr könnt aber auch auf unserer Open Source Seite nachschlagen. TinyMCE Plugins: http://www.tinymce.com/wiki.php/Plugins TinyMCE Toolbar: http://www.tinymce.com/wiki.php/Controls Der Artikel: http://www.sgalinski.de/open-source/tinymce-als-typo3-rte.html Kontakt: http://www.sgalinski.de/kontakt.html
  • Vorstellung: Der Language File Editor
    Schon vor einiger Zeit haben wir eine Extension veröffentlicht, die euch die Übersetzung von Sprachdateien erleichtert. Hier ist die Videoanleitung dazu, ihr könnt aber auch auf unserer Open Source Seite nachschlagen. Der Artikel: http://www.sgalinski.de/open-source/der-language-file-editor.html Unser Kontaktformular: http://www.sgalinski.de/kontakt.html
  • JavaScript im Google Chrome debuggen
    Wir würden uns sehr über Feedback freuen! Unser Kontaktformular: http://www.sgalinski.de/kontakt.html

Vimeo

Wenn Sie Vimeo Videos hinzufügen möchten, ohne diese herunterzuladen, nutzen Sie am besten unsere sg_vimeo Extension.

Mit diesem Inhaltselement können Sie sowohl einzelne Videos, als auch mehrere Videos von einem Kanal mit einer Vielzahl an Optionen elegant auf Ihrer Seite einbinden. Mehr dazu sehen Sie auf der Seite zu Social Media und in den folgenden Beispielen.

Einzelnes Video mit Beschreibung und Titel

...

...

Kanal ohne Titel oder Beschreibungen

Kanal nur mit Titeln

  • ...

  • ...

  • ...

Kanal nur mit Beschreibungen

  • ...
  • ...
  • ...