Open Web Calendar

Open Web Calendar utiliza calendarios ICS/ICal en línea y los muestra en un solo calendario. Puede utilizarlo con Nextcloud, Outlook, Google Calendar, Meetup y otros sistemas de calendario que utilicen el estándar 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%) Traducir

Para fusionar varios calendarios, introduzca aquí las direcciones URL de los calendarios ICS:


Para insetar el calendario, utilice este código en su página web:


                    Puede consultar el calendario resultante a continuación.
                    

Puede personalizar aún más el calendario.

Título

Para cambiar el título, por favor introduzca aquí el nombre del calendario:

Fecha de inicio

Para cambiar la fecha de inicio del calendario:

Hora de inicio

Para cambiar la hora de inicio de la vista del calendario:

Última hora

Para cambiar la última hora de la vista del calendario:

Incremento del tiempo

Cambiar el incremento de tiempo en la vista del día y la semana:

Convención del reloj

Puede elegir entre el reloj de 24 horas y el de 12 horas. Son posibles más opciones. Ver las especificaciones.

Idioma

Puedes configurar el idioma del calendario.

Traducir

Diseños

Puedes seleccionar diferentes diseños para el calendario.

Enlaces

Los eventos pueden tener ubicaciones y direcciones URL. Si inserta el calendario en una página web, puede elegir dónde se abre la página al hacer clic en el enlace.

Días de la semana

Estilo personalizado con CSS

Puedes cambiar el color de tu calendario y muchas más propiedades usando CSS. Tu personalización tiene prioridad sobre el diseño que elijas. A continuación, puedes elegir entre algunas personalizaciones que hemos preparado para ti.

Si lo desea, puede especificar sus propias propiedades CSS. Estos son ejemplos de clases de CSS para dar estilo a los eventos: .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 {}

Estado del evento

Cambiar el aspecto de la descripción del evento en función del estado:

Cargando la animación

En algunos casos, el servidor tarda bastante en cargar el calendario. En caso de que el servidor utilice un plan gratuito en Heroku, el servidor debe iniciarse primero.

Pestañas del calendario

La vista mensual se muestra primero pero puedes cambiar lo que más te convenga:

Es posible que no desee mostrar todos los controles para que los vean los usuarios. Elija aquí qué controles le gustaría mostrar:

Zona horaria

La zona horaria se toma del navegador del usuario. Si desea que su calendario se fije en una zona horaria, tiene la siguiente opción. Su navegador utiliza esta zona horaria: cargando…

Alojamiento de la especificación

El calendario se puede generar no sólo utilizando la dirección URL, sino también mediante una especificación JSON o YAML de un archivo. La personalización anterior genera esta especificación:


                    Puede descargar esta especificación y colocarla en algún lugar de la web. De esta forma sigues teniendo el control sobre la personalización del calendario después de haber compartido el enlace, por ejemplo, en GitHub en un Gist.
                    Después de publicar la especificación en algún lugar en línea, puede crear un enlace como este: