H1 Hauptüberschrift

Unterüberschrift zur H1 (Format ~ H3)

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

H2 Themen-Überschrift (Standard)

Unterüberschrift zur H2 (Format ~ H3)

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
Unterüberschrift zur H5

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

Der Texteditor

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 gesetzer interner Link (auf diese Dokumentationsseite).
    • Das ist ein gesetzer externer Link auf TYPO3.ORG (Einstellung neues Fenster, Protokoll https:// beachten).
    • Das ist ein gesetzer Link auf eine Datei (1.pdf). (Benutze hierfür besser Dateilinks).
    • Das ist eine gesetze E-Mail-Adresse.
  • 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>

Die Inhaltselemente

Inhaltselement: "Reines HTML"

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

"Text & Media", Bild oben

(oben/unten mittig) = Bildbreite 100%

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

"Text & Media", Bilder im Text rechts

Spalteneinstellung 1 (= Bilder untereinander)

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

Spalteneinstellung 1 (= Bilder untereinander)

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":

Videoeinbindung (lokale mp4-Datei) mit Text & Media

Im Falle von lokalen, d.h. in der Dateiliste des Webservers gespeicherten Videodateien können diese wie Bilder in das Elmente Text & Medien hochgeladen werden.

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

 

"Bilder" (Galerie erstellen)

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

Öffnungszeiten (Tabellenüberschrift)
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

Nach oben

Dateilinks zum Download

Slider- und Headerbilder

Headerbilder einpflegen

(Rubrikenseiten)

  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.

Service-Kacheln bearbeiten

1. Auf allen Hauptrubrikseiten und der Startseite sind die Kacheln in eigenen Inhaltselementen in der Detailansicht (= Spaltenansicht) der Seite bearbeitbar (Abb. 1)

2. Nach dem Klick auf 'Bearbeiten' werden die Kacheln als Elemente sowie ihre bearbeitbaren Bestandteile sichtbar:

Teilen-Funktionen auf statischen Seiten

Während Nachrichtenartikel automatisch über die 3 Funktionen Mail, facebook und WhatsApp (nur für Handies) teilbar sind, muss dies auf statischen Seiten extra gesetzt werden:

1. Setzen Sie am Ende der gewünschten Seite ein Seiteninhaltselement und wählen Sie auf dem > Reiter "Plug-Ins" > "Allgemeines Plug-In" im Typ: "Ausgewähltes Plug-In" die Option "Shariff Soziale Schaltflächen."

2. Wählen Sie unter "Services" die 3 gewünschenten Funktionen "facebook", "WhatsApp" und "E-Mail" durch Klicken in den linken Bereich unter "Ausgewählte Objekte" und speichern dies.

Dadurch erhalten Sie die Teilenbuttons- und Funktionen, die auch auf dieser Seite unten diesem Text zu sehen sind: ...