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 Inggris/Indonesian(77%) Italiano/Italian 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 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.
- Puedes cambiar el color de fondo del calendario.
- Puede cambiar el color de los elementos sobre los que se puede hacer clic.
- Puede cambiar el color del fondo de la fecha actual.
- Si quieres que los días tengan un color diferente, también puedes especificarlo.
- Algunos días del calendario tienen un color diferente si no están dentro del mes.
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: