Open Web Calendar

Open Web Calendar utilise des calendriers ICS/ICal en ligne et les affiche dans un unique calendrier. Il est possible de l'utiliser avec Nextcloud, Outlook, Google Calendar, Meetup et d'autres systèmes de calendriers qui utilisent le standard ICS.

English French/Français(83%) German/Deutsch Hrvatski/Croatian(91%) Inggris/Indonesian(77%) Italiano/Italian(91%) Norwegian Bokmål/Norsk bokmål(85%) Spanish/Español Türkçe/Turkish 中文/Chinese(77%) Traduire

Pour fusionner plusieurs calendriers, entrez les URLs des calendriers ici :


Pour intégrer le calendrier, utilisez ce code sur votre site web :


                    Vous pouvez voir le calendrier résultant ci-dessous.
                    

Vous pouvez personaliser d'avantage le calendrier.

Titre

Pour changer le titre, entrez le nom du calendrier ici :

Date de départ

Pour changer la date de départ du calendrier :

Première heure

Pour changer la première heure affichée dans le calendrier :

Dernière heure

Pour changer la dernière heure affichée dans le calendrier :

Incrémentation du temps

Modifier l'incrément de temps dans l'affichage du jour et de la semaine :

Clock Convention

You can choose between the 24 hour clock and the 12 hour clock. More options are possible. View the specification.

Langue

Vous pouvez définir la langue du calendrier.

Traduire

Thèmes

Vous pouvez sélectionner différents thèmes pour le calendrier.

Liens

Les évènements peuvent contenir des emplacements et des URLs. Si vous intégrez le calendrier à un site web, vous pouvez choisir comment les liens s'ouvrent lorsque l'on clique dessus.

Days of the Week

Style CSS personalisé

Vous pouvez changer la couleur du calendrier et bien d'autres properties avec du CSS. Vos personalisations ont priorité sur le thème que vous avez choisis. Ci-dessous, vous pouvez choisir quelques personalisations que nous vous avons préparées.

Vous pouvez spécifier vos propres propriétés CSS si vous souhaitez. These are examples of CSS classes to style events: .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 {}

Event Status

Change the look of the event description depending on the status:

Animation de chargement

Dans certains cas, le serveur peut prendre un certain temps pour charger le calendrier, par exemple lorsque le serveur doit d'abord démarrer.

Onglets du calendrier

La vue mensuelle est affichée par défaut. Toutefois, vous pouvez décider d'afficher une vue différente au début :

Il est possible que vous ne souhaitez pas mettre à disposition toutes les fonctionalités à l'utilisateur. Vous pouvez choisir ce que vous voulez montrer :

Fuseau horaire

Le fuseau horaire est déterminé par le navigateur de l'utilisateur. Si vous souhaitez que votre calendrier ait un fuseau horaire fixe, cela est possible ci-dessous. Votre navigateur utilise ce fuseau horaire : en chargement…

Héberger la spécification

Le calendrier peut être généré non-seulement à partir de l'URL, mais également à travers un fichier de spécification JSON ou YAML. La customisation ci-dessus génère la spécification suivante :


                    Vous pouvez télécharger la spécification et la placer quelque part sur le web. Ainsi, vous aurez toujours le contrôle sur la personalisation, même après avoir partagé le lien, par ex. sur GitHub dans un Gist.
                    D'une fois que vous avez placé la spécification quelque part en ligne, vous pouvez créer un lien tel que celui-ci :