Timeline - Neues Projekt

1) Es gibt 3 kostenpflichtige Timeline-Objekte im Marketplace:

a) Slider Timeline (18 Credits) - ACHTUNG: Nicht für Go-Version geeignet

b) ZigZag Timeline (18 Credits) - für alle Versionen von Go bis Agency

c) Vertical Timeline (18 Credits) - für alle Versionen von Go bis Agency

Anmerkung: Bezahlt wird im Marketplace mit Credits, die man als Pakete kaufen muss, dabei entspricht 1 Credit etwa 1 Euro.

2) Im Internet gibt es viele kostenlose Timelines als HTML- und CSS-Code, für die das kostenlose Objekt "HTML Code" (nicht in Go-Version) benötigt wird.

Hier mein Beispiel mit Anleitung >> https://findelinks.de/123shop-hosteurope/timeline-mit-html-und-css.html

3) Hier 3 Varianten für das kostenlose Text-Objekt, daher auch für die Go-Version geeignet:

A) Vertikale Timeline (nur 1 Text-Objekt erforderlich)

B) Vertikale Timeline (benötigt mehrere Text-Objekte)

C) Zickzack-Timeline (benötigt mehrere Text-Objekte)

Anleitungen gibt es am Ende der jeweiligen Timeline.

1) Es ist nur 1 Text-Objekt erforderlich. Die Abschnitte der Jahreszahlen werden rechtsbündig geschrieben.

Anmerkung: Punkte in gleicher Farbe oder in unterschiedlichen Farben ● ● ● ● ●

2) Oben auf "Ränder" klicken, den linken und rechten Außenrand = 100 einstellen.

3) Oben auf "Stil" klicken, den rechten Rand = 5 einstellen und eine Farbe auswählen.

1) Es gibt abwechselt Text-Objekte mit Jahreszahl und Inhalt sowie Text-Objekte, die nur 3 Punkte zentriert untereinander enthalten.

2) Bei den Text-Objekten mit Jahreszahl und Inhalt oben auf "Ränder" klicken, dann oben und unten Rand = 0 sowie links und rechts Rand = 100.

3) Bei den Text-Objekten mit Jahreszahl und Inhalt oben auf "Stil" klicken, dann den Rand nach Wahl mit Farbe, Dicke, Eckradius und Schatten versehen.

Hinweis 1: Es werden erstmal nur 2 Text-Objekte erstellt, die andere Text-Objekte werden später inklusive den gemachten Einstellungen kopiert und darunter in ein leeres Raster über die gesamte Breite eingefügt, um nicht x-mal die selben Einstellungen vornehmen zu müssen, das erspart viel Zeit.

1. Text-Objekt - farbiger Rand links und unten sowie ein Eckradius links unten

2. Text-Objekt - farbiger Rand rechts und unten sowie ein Eckradius rechts unten

Bei Bedarf einen Hintergrund mit Farbverlauf hinzufügen, z.B.:

Anfangsfarbe: Grau

       Endfarbe: weiß

       Diffusion: 70

       Richtung: 315 (links oben dunkeler beim 1. Text-Objekt) und 225 (rechts oben dunkeler beim 2. Text-Objekt)

5) Text-Objekte nacheinander markieren, oben auf "Ränder" klicken, bei "Außenrand" die Ränder oben / unten auf "0" und die Ränder links / rechts auf "100" setzen.

6) Nun die Raster nach unten erweitern und zwar um die Anzahl der benötigten Text-Objekte für die weiteren Jahreszahlen.

7) Jetzt abwechseln das 1. Text-Objekt und 2. Text-Objekt kopieren und unten abwechselnd in die leere Raster einfügen.

Hinweis 2: Zum Kopieren das Text-Objekt markieren und mit der Tastenkombination Strg+C kopieren. Dann das leere Raster markieren und mit der Tastenkombination Strg+V das kopierte Text-Objekt einfügen.

8) Beim 1. Text-Objekt noch einen oberen Rand hinzufügen.

Alternative: Den oberen Rand beim 1. Text-Objekt weglassen und beim letzten Text-Objekt den unteren Rand mit Eckradius entfernen.

9) Zum Schluss bei den kopierten Text-Objekten die mitkopierten Inhalte bzw. die Platzhalter-Texte durch die richtigen Inhalte ersetzen.

• Auf den oberen Eckradius wurde verzichtet, da es verschiedene Text-Objekte sind und ein unschöner Eckradius zu sehen wäre.