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. We support the following standards: ICAL, CalDAV, webcal.

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

Choose a calendar from your account:

Vous pouvez personaliser d'avantage le calendrier.

We recommend encrypting URLs if they contain sensitive data. Save the following password only if you intend to decrypt them later.

🔑

Langue

English Esperanto(73%) French/Français(60%) German/Deutsch Hrvatski/Croatian(78%) Indonesian/Bahasa Indonesia(55%) Italiano/Italian(73%) Norwegian Bokmål/Norsk bokmål(58%) Slovenčina/Slovak(72%) Spanish/Español(78%) Türkçe/Turkish(70%) Welsh/Cymraeg(53%) Čeština/Czech Українська/Ukrainian தமிழ்(78%) 한국어(73%) Traduire

Vous pouvez définir la langue du calendrier.
French (fr)
Traduire

Titre

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

Date de départ

Pour changer la date de départ du calendrier :

Time and Hours

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.

Thèmes

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

Map Links and Location

Event locations may have coordinates or text. Configure here which map service to use when clicking on an event's location.

Customize the map links Enter the URL to the map here and insert {location} where the search query goes.

Enter the URL to the map here and insert {lat} and {lon} for the coordinates.

Jours de la semaine

The week may start on Monday or Sunday.

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 changer la couleur de fond du calendrier.
  • Vous pouvez changer la couleur des éléments sur lesquels on peut cliquer.
  • Vous pouvez changer la couleur de fond de la date.
  • Si vous souhaitez avoir une couleur différente pourles jours, vous pouvez également spécifier cela.
  • Certains jours du calendrier n'ont pas la même couleur lorsqu'ils ne sont pas dans le mois.

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

Participants and Organization

You can invite others to events and people can sign up. You can enable these options to view the names and email addresses below the event description.





Use & Embed

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

https://open-web-calendar.hosted.quelltext.eu/calendar.html?language=fr

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

<iframe id="open-web-calendar" 
style="background:url('https://raw.githubusercontent.com/niccokunzmann/open-web-calendar/master/static/img/loaders/circular-loader.gif') center center no-repeat;"
src="https://open-web-calendar.hosted.quelltext.eu/calendar.html?language=fr"
sandbox="allow-scripts allow-same-origin allow-top-navigation allow-downloads"
allowTransparency="true" scrolling="no"
frameborder="0" height="600px" width="100%"></iframe>

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 :
{
"language": "fr"
}
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 : https://open-web-calendar.hosted.quelltext.eu/calendar.html?specification_url=https://raw.githubusercontent.com/niccokunzmann/open-web-calendar/master/open_web_calendar/default_specification.yml

About

C'est un calendrier qui fournit une intégration à un site web pour de nombreux calendriers différents. Il est également possible d'intégrer un lien ICS. Les calendriers sont hautement configurables, par exemple pour avoir plusieurs sources et s'adapter au site web. Si vous aimez ce projet, pensez à donner de votre temps ou de votre argent pour qu'il reste gratuit et accessible à tous.
Use & Embed