Versionen im Vergleich

Schlüssel

  • Diese Zeile wurde hinzugefügt.
  • Diese Zeile wurde entfernt.
  • Formatierung wurde geändert.
Seiteneigenschaften
hiddentrue
Image Removed
BeschreibungDer Block »Slider Pro« bietet noch mehr Einstellungsmöglichkeiten als der Slider Light, was das Verhältnis von Bild und Text anbelangt.
Beispiel

Image Added

Youtube-Link
Panel
borderWidth0px

Link zu YouTube-TutorialImage Added

 

Beschreibung

Der Block »Slider Pro« bietet noch mehr Einstellungsmöglichkeiten als der Slider Light, was das Verhältnis von Bild und Text anbelangt.

Anwendungsbeispiel

Image Added

Youtube-Link zum HowTo-Video

Bereich
Spalte
width200px
Panel
borderWidth0px

Link zu YouTube-TutorialImage Added

INHALTSVERZEICHNIS

Inhalt
excludeINHALTSVERZEICHNIS

...

  1. Fügen Sie den Block Slider Pro hinzu- bei Bedarf Blocküberschrift hinzufügen - und rufen Sie für weitere Bearbeitung das Einstellungsmenü auf (Zahnradsymbol). 
  2. Durch Klick auf das Pluszeichen fügen Sie einen neuen Eintrag hinzu.
  3. Sie können nun zwischen drei verschiedenen Eintragstypen wählen: Bild (a), Video (b) und Text (c). Diese drei haben jeweils unterschiedliche Optionen und werden im Folgenden von uns aufgeführt.
    1. Erweitern
      titleBild hinzufügen
      1. Geben Sie bei »Bezeichnung« den Namen ein, den Sie für Ihren Eintrag wünschen. Die Bezeichnung dient nur Ihnen als Übersicht und wird lediglich im Einstellungsmenü angezeigt.
      2. Wählen Sie unter »Bildhöhe« die Bildgröße aus. Standard ist 50%, weitere Option ist 100%.
      3. Fügen Sie nun unter »Bild« ein Bild aus dem Multimediabereich ein. Hinweise, wie Sie einen Bildausschnitt richtig erstellen, finden Sie in unserem Handbuch Bildausschnitt erstellen.
        • Bildgröße 50% → 16:9
        • Bildgröße 100% → 8:9
      4. Bei beiden Größen müssen Sie einen kurzen Text angeben. 
        • Bei Bildgröße 50% erscheint der Text unter dem Bild.
        • Bei Bildgröße 100% erscheint der Text am unteren Bildrand auf einer halbtransparenten Fläche.
      5. Optional können Sie noch unter »Linktyp« einen internen oder externen Link einfügen. Wie das funktioniert, erklären wir unter dem optionalen Punkt »Link einfügen«.
    2. Erweitern
      titleVideo hinzufügen
      1. Wählen Sie bei »Video-Typ« aus, ob Sie ein Video von DB-Thüringen, ein internes Video aus dem Multimediabereich oder ein YouTube-Video einfügen wollen.
      2. Wenn Sie »internes Video« wählen, erscheint ein weiteres Feld (»Video«) mit Link zum eigenen Multimediabereich.
        • Bitte wählen Sie ein Video aus. Wir empfehlen Videos im mp4-Format.
        • HINWEIS: Sie können das Video direkt während der Erstellung des Eintrages in Ihren Multimediabereich hochladen.
        • Dateiformat: Bitte beachten Sie unsere Hinweise zum empfohlenen Videoformat.
        • Für Interne Videos können zusätzlich Vorschaubilder eingestellt werden. Dazu rufen Sie im Multimediabereich das entsprechende Video auf. Im Reiter »Bild« »Datei« kann im Bereich »Verschiedenes« ein Vorschaubild für dieses Video eingestellt werden. Anschließend auf »Speichern« klicken. Das Vorschaubild wird nun automatisch angezeigt, wenn Sie das Video in einem Block benutzen
      3. Wenn Sie »externes Video« wählen, erscheint ein weiteres Feld, in das Sie den YouTube-Link einfügen müssen. Achten Sie darauf, die komplette URL einzufügen.
      4. Wenn Sie »DBT-Video« wählen, erscheint ein weiteres Feld »Link«.
        • Gehen Sie zu dem DBT-Video, das Sie auf Ihrer Seite einbinden wollen.
        • Starten Sie das Video und stoppen es direkt wieder. Im unteren Bereich des Videos wird nun ganz rechts ein Icon zum Teilen angezeigt.
        • Nachdem Sie das »Teilen« Icon angeklickt haben, erhalten Sie verschiedene Optionen. Kopieren Sie den Inhalt der unter »HTML Code« steht.
        • In das Feld »Link« im Einstellungsfenster fügen Sie nun den kopierten Inhalt ein.
      5. »Bezeichnung«, »Videotyp«, »Titel« und »Text« sind Pflichtfelder.
      6. Sie können zudem entscheiden, ob das Video oberhalb oder unterhalb vom Text angezeigt werden soll.
    3. Erweitern
      titleText hinzufügen
      1. Wenn Sie einen Texteintrag erstellen, haben Sie die Möglichkeit, diesen mit oder ohne Bild einzufügen.
      2. Der Text erscheint auf blauem Hintergrund. Sie können eine Quelle angeben und einen internen oder externen Link hinzufügen. Der interne Link kann entweder zu einer anderen Seite der FSU (Häuschensymbol) oder zu einer im Multimediabereich hinterlegten Mediadatei weiterleiten.
      3. »Bezeichnung« und »Text« sind Pflichtfelder.
      4. Wenn Sie einen Texteintrag mit Bild erstellen, erscheint ein weiteres Feld (»Bild«) mit Link zu Ihrem Multimediabereich.
      5. Das Bild muss Standard-Format (16:9) haben und ist immer unter dem Text angeordnet.
  4. Erweitern
    titleOptional: Link einfügen

    Es besteht die Möglichkeit, einen Link einzufügen. Dieser wird als Hyperlink des Titels wiedergegeben. 

    Auszug einschließen
    Link einfügen
    Link einfügen
    nopaneltrue

  5. Die einzelnen Einträge können auch nachträglich umsortiert werden. Dazu den gewünschten Eintrag im Einstellungsmenü anklicken, gedrückt halten, an die entsprechende Stelle ziehen und dort loslassen.
  6. Außerdem können einzelne Einträge im Einstellungsmenü nachträglich bearbeitet (Stiftsymbol) oder gelöscht (Kreuzsymbol) werden.
  7. Wenn Sie die entsprechenden Rechte haben, können Sie im Feld »Farbe« des Bearbeitungsmenüs der einzelnen Einträge Farbanpassungen des Hintergrundes des Eintrags vornehmen.

Anwendungsbeispiele

...

Image Removed

Zusätzliche Hinweise 

Tipp
  • Bitte erstellen Sie mindestens drei Einträge, damit ein Slide-Effekt entsteht.
  • Wechseln Sie zwischen allen Eintragstypen und den jeweiligen Optionen, damit Ihr Slider abwechslungsreich aussieht.
  • Halten Sie sich möglichst an die Zeichenempfehlung. Sie ist für die Darstellung auf Smartphones optimiert.
  • Bitte komprimieren Sie Ihre Bilder, bevor Sie sie in den Multimediabereich hochladen. Im Slider Pro sind nur die Formate Standard 16:9 (Bild 50%) und Slider Pro 8:9 (Bild 100%) erlaubt.

...

Image_hover