Calendario web abierto

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

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

Choose a calendar from your account:

Puede personalizar aún más el calendario.

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

🔑

Idioma

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%) Íslenska Čeština/Czech Українська/Ukrainian தமிழ்(78%) 한국어(73%) Traducir

Puedes configurar el idioma del calendario.
Spanish (es)
Traducir

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:

Time and Hours

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.

Diseños

Puedes seleccionar diferentes diseños para el calendario.

Enlaces y ubicación del mapa

Las ubicaciones de los eventos pueden tener coordenadas o texto. Configure aquí qué servicio de mapas utilizar al hacer clic en la ubicación de un evento.

Personalizar los enlaces del mapa Escriba una URL aquí e inserte {location} donde estaría el texto de la ubicación.

Ingrese una URL al mapa aquí. {lat} y {lon} están en lugar de las coordenadas.

Días de la semana

La semana puede empezar el lunes o el domingo.

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

Puede consultar el calendario resultante a continuación.

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

Para insetar el calendario, utilice este código en su página 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=es"
    sandbox="allow-scripts allow-same-origin allow-top-navigation allow-downloads"
    allowTransparency="true" scrolling="no" 
    frameborder="0" height="600px" width="100%"></iframe>

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: 
{
  "language": "es"
}
Puedes 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: 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

Aquí hay un calendario que proporciona una página web para muchos calendarios diferentes. También puede suscribirse al calendario como enlace ICS. Los calendarios se pueden cambiar de muchas maneras. Por ejemplo, pueden tener diferentes fuentes y adaptarse a la página web en el que están integrados. Si le gusta este proyecto, utilice su tiempo o dinero para que sea gratuito y útil para todos.
⬅ Use & Embed ➡
↔