Slider- und Headerbilder

TODO: tt_content -> menu_section @ 73

TODO: tt_content -> div @ 72

H1 Hauptüberschrift

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt.

H2 Themen-Überschrift (Standard)

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt.

H3 Unterüberschrift

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt.

H4 Abschnitssüberschrift

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt.

H5 Spaltenüberschrift rechts

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt.

Text- und Listenformate

Das ist Fließtext im Text-Editor, Standardformatierung: "normal".
Überschriften können ebenfalls im Editor gesetzt werden, bilden dann aber keine eigenen Elemente, auf die verlinkt werden könnte. Als Formate stehen bereit:

Überschrift 1

normal

Überschrift 2

normal

Überschrift 3

normal

Überschrift 4

normal

Überschrift 5
formatiert (zum Beispiel für Quelltext)

Eigene Buttons gibt es für die Formatierung:

| B | = bold = fett

| I | = italic = kursiv

| x2 | = tiefgestellter Text

| x2 | = hochgestellter Text

  1. Nummerierte Liste
  2. Punkt zwei
  3. Punkt drei
  • Nichtnummerierte Liste
  • weitere Punkt
  • dritter Punkt
    • Einzug vergrößert/eingerückt (vierter Punkt)
  • Einzug wieder verkleinert/ausgerückt (fünfter Punkt)

| " | Zitatblock


"Ich habe mal über Dänemark gehört, es sei das Microsoft-Land Nr.1 ist. Deutschland dagegen ist ja ein Vorbild was die Nutzung von Open Source im öffentlichen Sektor anbelangt, da hängt Dänemark noch weit hinterher."
Zitatende

Kasper Skårhøj [TYPO3-Erfinder, Dänemark], 2009
Quelle: http://www.planet-interview.de

Absatzformate und Links

| = | Absatzformatierungen

Linksbündig = Standard: Linksbündiger Textabsatz (Flattersatz), Linksbündiger Textabsatz (Flattersatz), Linksbündiger Textabsatz (Flattersatz), Linksbündiger Textabsatz (Flattersatz), Linksbündiger Textabsatz (Flattersatz), Linksbündig.

Zentriert (mittig), Zentrierter Textabsatz (mittig), Zentrierter Textabsatz (mittig), Zentrierter Textabsatz (mittig), Zentrierter Textabsatz (mittig), Zentrierter Textabsatz (mittig).

Rechtsbündig (Flattersatz rechts), Rechtsbündiger Textabsatz (Flattersatz rechts), Rechtsbündiger Textabsatz (Flattersatz rechts), Rechtsbündiger Textabsatz (Flattersatz rechts), Rechtsbündiger Textabsatz (Flattersatz rechts).

Blocksatz (nur wenn unbedingt nötig verwenden, da die Browser große Lücken zwischen den Worten erzeugen können). Blocksatz (nurwennunbedingtnötigverwenden, dadieBrowser große Lücken besonderswennesganzlangeWortesind erzeugen können).

| oo | Links

  • Einfach Domain direkt eingeben und Absatz (Enter) dahinter eingeben: https://www.itebo.de
  • Oder Text markieren und Link über Bedienfester setzen:
  • Das ist ein Tel-Link, eine verlinkte Telefonnummer: 0541-9631-664 .
    Unter > "externer Link" > "URL" folgendes Format eingeben: "tel:00495419631664". Bei Klick verbindet ein Mobiltelefon oder eine PC-Telefonsoftware automatisch mit dieser Nummer.

| Tx | Wenn Sie einen bestehenden Link verändern wollen, bitte erst den vorhandenen Link über den vorgehenen Button entfernen. Gleiches gilt für andere Fromatierungen, Button.

Sonderfunktionen, Tabelle für Links

| <- | und  | -> | Diese Pfeilbuttons ermöglichen es, bei Fehleingabeeinen Veränderungsschritt zurück bzw. wieder vorwärts zu springen.

| ABC | Dieser Button beherbergt eine Rechtschreibprüfung.

[ ][ ][ ] Tabellen können auch im Editor gesetzt werden. Besser zu formatieren ist das spezielle Inhaltselement. Wenn Sie jedoch Links in eine Tabelle setzen wollen, benötigen Sie die Editor Tabelle. 
 

Wichtige Links (Überschrift Tabellen-Eigenschaften)
Dienstleister TYPO3 CMS-Software Landkreis
ITEBO Unternehmesgruppe TYPO3 Webseite Lk Gifhorn
Die Tabelle ist formatierbar durch markieren (alle Eckpunkte) über Tabelleneigenschaft mit dem Browsermenü (rechte Maustaste), in diesem Fall:
Zeilen 3, Spalten 3, Kopfzeile oberhalb (=fetter Text), Rahmengröße 2, Überschrift, Ausrichtung, Zeilenastand innerhalb 15 (=Pixel). Ebenso lassen sich einzelne Zellen über Zelleigenschaften formatieren, z. B. die ersten 3 Zellen mit hellem Grau > Hintergrundfabrbe Hexwert: " #EEEEEE ".

| --- | Dieser Button erzeugt eine horizontale Line:

| O | Der Omega-Button enthält einige Sonderzeichen wie das © - Zeichen (das sie auch durch die Tastenkobination [ALT] (gerückt halten + Zahlenfolge [0] [1] [6] [9] per Tastatur erzeugen können).

| X | Der Button mit den 4 wegstrebeneden Pfeilen vergrößert das Eingabefenster. Danach lässt es sich über denselben auch wieder verkleinern.

| < >"Quellcode" | Dieser letzte Button schaltet um in die Ansicht des vom Editor erzeugten HMTL-Quelltextes, den Sie bei entsprechender Kenntnis der HTML-Tags auch direkt bearbeiten können, z. B. diesen Satz:

<p><strong>&lt; &gt;"Quellcode"</strong> | Dieser letzte Button schaltet um in die Ansicht des vom Editor erzeugten <em>HMTL-Quelltextes</em>, den Sie bei entsprechender Kenntnis der <strong>HTML-Tags auch direkt bearbeiten</strong> können, z. B. diesen Satz:</p>

Reines HTML

Inhaltselement: "Reines HTML"

In dieses Element kann reiner HTML5-Code individuell eingetragen werden.

Bild vergrößern: 730x410
730x410

"Text & Media", Bild oben

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt.

"Text & Media", Bilder im Text rechts

Text Hauptinhalt im Contentelement (CE) Text & Medien. Text Hauptinhalt im Contentelement (CE) Text & Medien. Text Hauptinhalt im Contentelement (CE) Text & Medien. Text Hauptinhalt im Contentelement (CE) Text & Medien. Text Hauptinhalt im Contentelement (CE) Text & Medien. Text Hauptinhalt im Contentelement (CE) Text & Medien. Text Hauptinhalt im Contentelement (CE) Text & Medien. Text Hauptinhalt im Contentelement (CE) Text & Medien. Text Hauptinhalt im Contentelement (CE) Text & Medien. Text Hauptinhalt im Contentelement (CE) Text & Medien. Text Hauptinhalt im Contentelement (CE) Text & Medien. Text Hauptinhalt im Contentelement (CE) Text & Medien. Text Hauptinhalt im Contentelement (CE) Text & Medien.

"Text & Media", Bilder neben dem Text rechts

Text Hauptinhalt im Contentelement (CE) Text & Medien. Text Hauptinhalt im Contentelement (CE) Text & Medien. Text Hauptinhalt im Contentelement (CE) Text & Medien. Text Hauptinhalt im Contentelement (CE) Text & Medien. Text Hauptinhalt im Contentelement (CE) Text & Medien. Text Hauptinhalt im Contentelement (CE) Text & Medien. Text Hauptinhalt im Contentelement (CE) Text & Medien. Text Hauptinhalt im Contentelement.

Video (Youtube/Vimeo) mit Text & Media

Als Medium kann auch ein Video eingesetzt werden.
Im Falle eines Youtube- oder Vimeo-Videos reicht eine Kopie des Links im Feld "Medium nach URL hinzufügen":

Audio-Datei mit Text & Medien

Beispiel für die Einbindung einer auf dem Webserver gespreicherten Audio-Datei im .mp3-Format:
John Maynard, Ballade von Theodor Fontane, Sprecherin: Claudia Gräf, Dauer: 4m:2s [2,6 MB], Quelle: https://www.vorleaser.net

Beschreibung Galerie (überschrift verborgen)

Eine Galerie mit 2 (oder mehr) Bildern kann durch Einpflege mehrerer Bilder in ein Seiteninhaltselement durch Auswahl der Spaltenanzahl (z.B "4" oder 2) erzeugt werden.

Wichtig:

  1. Die Bilder sollten innerhalb einer Spaltenreihe die gleiche Proportion, z.B. 16:9 haben.
  2. In der zweiten Spaltenreihe kann eine andere Proportion z.B. quadratisch 1:1. (oder Hochformat) gewählt werden.
    Wichtig: Die Positionierung muss auf "oben links" (oder "unter dem Text links) stehen, damit die Bilder die Spalte ausfüllen (z.B. beim Umschalten von 4 auf 2).
  3. Wird die "Klickvergrößerung aktiviert, läuft die Galerie (mit allen anderen dafür aktivierten Bildern der Seite) in der Lightbox.

Tabelle

Mo., Di., Do., Fr.:|8:00 - 12:00 Uhr Di. nachmittags:|16:00 - 18:00 Uhr Do. nachmittags:|15:00 - 18:00 Uhr Mittwochs:|geschlossen

CHECK: uploads keine "sys_file_reference" gefunden bei 120 / 76

Headerbilder einpflegen

  1. Das Headerbild wird in den Seiteneigenschaften (nicht den Seiteninhalten) unter dem Reiter "Ressourcen" hochgeladen.
  2. Die notwendige Bildgröße für Header und Sliderbilder beträgt: 1800 x 450 Pixel. Das Bild sollte auf Grund der Größe vor Verwendung minimiert werden.
  3. Als Minimierungtool für .jpg-Dateien empfiehlt sich z. B. jpgmini unter: https://www.jpegmini.com/

Headerbilder vererben sich nach unten und liegen auf den Rubrikenseiten; d.h. wenn eine spezielle Unterseite einen eigenen Header bekommen soll (z.B. Kultur & Veranstaltungen) kann dies über einen Upload in die Seiteneigenschaften von Kultur realisiert werden.