Der Offene Web-Kalender nutzt online ICS/ICal-Kalender und zeigt sie in einem Kalender an. Du kannst ihn mit Nextcloud, Outlook, Google Calendar, Meetup und anderen Kalendersystemen benutzen, die den ICS-Standard exportieren.
English Esperanto(53%) French/Français(84%) German/Deutsch(98%) Hrvatski/Croatian(98%) Indonesian/Bahasa Indonesia(77%) Italiano/Italian Norwegian Bokmål/Norsk bokmål(84%) Polski/Polish(50%) Spanish/Español Türkçe/Turkish(98%) 中文/Chinese(76%) Übersetzen
Um mehrere Kalender anzuzeigen, füge die URLs zu diesen hier unten ein:
Um den Kalender einzubetten, nutze diesen Code auf der Webseite:
Du kannst den Kalender weiter anpassen.
Titel
Um den Titel zu ändern, gib den Namen des Kalenders hier ein:
Erster Tag
Um den ersten Tag im Kalender zu ändern:
Erste Stunde
Um die erste Stunde im Kalender zu ändern:
Letzte Stunde
Um die letzte Stunde im Kalender zu ändern:
Zeitschritte
Ändere die Zeitschritte der Tages- und Wochenansicht:
Zeitanzeige
Du kannst zwischen einer Anzeige mit 24 Stunden oder 12 Stunden auswählen. Es gibt auch andere Optionen. Spezifikation ansehen.
Sprache
Du kannst die Sprache des Kalenders auswählen.
Übersetzen
Designs
Du kannst ein Design für den Kalender auswählen.
Links
Einträge können Orte und Links enthalten. Wenn der Kalender in eine Webseite eingebettet wird, kannst Du auswählen, wo sich ein Link öffnet, wenn er geklickt wird.
Wochentage
Eigener Style mit CSS
Du kannst die Farbe des Kalenders und viele andere Eigenschaften mit CSS anpassen. Deine Anpassungen überschreiben die des Designs. Unten kannst Du ein paar Anpassungen vornehmen, die wir vorbereitet haben.
- Du kannst die Hintergrundfarbe verändern.
- Du kannst die Farbe von anklickbaren Elementen ändern.
- Du kannst die Farbe des heutigen Tages anpassen.
- Wenn Du eine andere Farbe für die Tage magst, dann ist auch das möglich.
- Manche Tage haben eine andere Farbe, wenn sie nicht innerhalb des Monats sind.
Eigene CSS-Eigenschaften sind möglich. Das sind Beispiele von CSS-Klassen, die Kalendereinträge verändern können:
.event {}
.UID-... {}
.CATEGORY-... {}
.CALENDAR-INDEX-0 {}
.CALENDAR-INDEX-... {}
.TRANSP-OPAQUE {}
.TRANSP-TRANSPARENT {}
.CLASS-PRIVATE {}
.CLASS-CONFIDENTIAL {}
.CLASS-PUBLIC {}
.STATUS-TENTATIVE {}
.STATUS-CONFIRMED {}
.STATUS-CANCELLED {}
.PRIORITY-1 {}
.PRIORITY-... {}
.error {}
Terminstatus
Verändere das Aussehen der Terminbeschreibung abhänging vom Status:
Lade-Animation
In manchen Fällen brauch der Server eine Weile, um den Kalender zu laden, z.B. wenn der Server erst starten muss.
Kalender-Ansichten
Die Monatsansicht wird als erste angezeigt aber du kannst ändern, was am Besten passt:
Sollte der Nutzer nicht alle Ansichten und Schalter sehen sollen, dann kannst Du hier bestimmen, was möglich ist:
Zeitzone
Die Zeitzone wird von dem Webbrowser des Nutzers bestimmt. Wenn der Kalender in einer festen Zeitzone angezeigt werden soll, dann ist das möglich. Dein Browser nutzt diese Zeitzone:
lade…
Die Spezifikation Hosten
Der Kalender kann nicht nur durch eine URL generiert werden sondern auch durch eine JSON oder YAML-Spezifikation aus einer Datei. Deine Anpassungen erzeugen die folgende Spezifikation:
Du kannst die Spezifikation herunterladen und sie irgendwo im Web platzieren. Auf diese Weise kannst Du den Kalender später überall, wo er verwendet wird, mit einem Mal verändern. Dazu kannst du die Spezifikation z.B. in einem Gist veröffentlichen. Sobald Du die Spezifikation irgendwo online hast, kannst Du z.B. einen solchen Link erstellen: