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

  • TypoScript Plugin Installation

    TypoScript Plugin Installation

    TypoScript Plugin: http://www.sgalinski.de/open-source.html Jetbrains Plugin Repository: http://plugins.jetbrains.com/plugin/7463?pr=phpStorm Description: This plugin provides support for the TypoScript configuration language of the TYPO3 CMS. Features: - Code Highlighting - Code Folding - Code Formatting - Code Auto Completion with multi file support - Code Type Annotation - Code Documentation (Ctrl+Q on Windows/Unix, Ctrl-J on Mac) - Error Detection - Structure Tree - and many more We will deliver further features and bugfixes in the future. Please check for updates regularly. If you find bugs or have feature requests, please open a ticket in our public issue tracker. http://gitlab.sgalinski.de/phpstorm/phpstorm-typoscript-plugin/issues You want to support the development? You can get in touch with us via our contact form. http://www.sgalinski.de/kontakt.html
  • TypoScript Plugin Features

    TypoScript Plugin Features

    TypoScript Plugin: http://www.sgalinski.de/open-source.html Jetbrains Plugin Repository: http://plugins.jetbrains.com/plugin/7463?pr=phpStorm Description: This plugin provides support for the TypoScript configuration language of the TYPO3 CMS. Features: - Code Highlighting - Code Folding - Code Formatting - Code Auto Completion with multi file support - Code Type Annotation - Code Documentation (Ctrl+Q on Windows/Unix, Ctrl-J on Mac) - Error Detection - Structure Tree - and many more We will deliver further features and bugfixes in the future. Please check for updates regularly. If you find bugs or have feature requests, please open a ticket in our public issue tracker. http://gitlab.sgalinski.de/phpstorm/phpstorm-typoscript-plugin/issues You want to support the development? You can get in touch with us via our contact form. http://www.sgalinski.de/kontakt.html

Playlist ohne Beschreibungen und Titel

Ganzer Kanal

  • Insights into the Extbase ORM-Layer – Paul Ilea

    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

    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.

    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

    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

    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

    JavaScript im Google Chrome debuggen

    Wir würden uns sehr über Feedback freuen! Unser Kontaktformular: http://www.sgalinski.de/kontakt.html

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

Vimeo | Video Power

We build the most powerful video tools in the world to power everyone to change it.

Kanal ohne Titel oder Beschreibungen

Kanal nur mit Titeln

  • DERE∀LISATION

  • Video Matters - July Issue

  • CAROUSEL (3x loop version)

Kanal nur mit Beschreibungen

  • The psychological condition Derealisation is best described as a subjective episode relating specifically to a person's perception of the world around them. It often causes those suffering from the condition to regard their surroundings as unreal, distant and distorted or in some way falsified. It is theorised that Derealisation may affect everyone at least once in their lifetime, with a low percentage of the population possibly experiencing symptoms on a more serious and sustained level.  The idea for this piece came in the aftermath of the COVID19 pandemic which isolated and fundamentally changed so many people's lives forever. The constant cycle of negative news and the strict social distancing measures combined to create a dissociative, mass-malaise. This in turn left many feeling disconnected from their everyday lives and the people around them - including members of our own team…
  • Video Matters is Vimeo’s interactive magazine showcasing the most inspiring videos on the internet. This month we present a smart experimental skate video, a genuinely funny product film from Dropbox and a collection of stories inspired by a woman’s right to choose.
  • Lykke Li EYEYE Starring: Lykke Li & Jeff Wilbusch Director: Theo Lindquist Producer: Zane Kalnina Production Company: Common Artists Executive Producers: Anastasia Solovieva, Guy Walker Cinematographer: Shane Ainsworth Casting director: Marin Hope CSA Writers: Theo Lindquist, Scott Normand Co-writer: Jorge Camarena Production Designer: Chris Jones Costume Designer: Christopher Horan Makeup Artist: Ozzy Salvatierra Hair Stylist: Maranda Widlund Choreographers: Imre Van Opstal & Marne Van Opstal Dancers: Jessica Lee Keller, Spenser Theberge Editor: Theo Lindquist 1st AD: Bettina Godi Production Manager: Blanca Balleste Production Coordinator: Ross O’Shea Bullet time System: Orbital EXP VFX: Patrick Conaty Colorist: Dante Pasquinelli Sound mix: Shawn Everett Sound re-mix: Warren Brown Gaffer: Neelix Ramirez Best Boy Electric: Seth Fine Electricians: Vahagan Gukasyan, Zack…