오픈 웹 캘린더는 온라인에서 ICS/ICal 캘린더를 사용하여 하나의 캘린더에 표시합니다. Nextcloud, Outlook, Google 캘린더, Meetup 및 ICS 표준을 사용하는 기타 캘린더 시스템과 함께 사용할 수 있습니다.
English Esperanto French/Français(82%) German/Deutsch Hrvatski/Croatian Indonesian/Bahasa Indonesia(75%) Italiano/Italian Norwegian Bokmål/Norsk bokmål(79%) Slovenčina/Slovak(98%) Spanish/Español Türkçe/Turkish(96%) Welsh/Cymraeg(73%) Українська/Ukrainian 한국어 번역
캘린더를 추가로 커스터마이징할 수 있습니다.
타이틀
제목을 변경하려면 여기에 캘린더 이름을 입력하세요:
시작 날짜
캘린더의 시작 날짜를 변경하려면 다음과 같이 하세요:
시작 시간
캘린더에 보이는 시작 시간을 변경:
마지막 시간
캘린더에 보이는 마지막 시간을 변경:
시간 증가
일별 및 주별 보기에서 시간 증분을 변경합니다:
시간대
24시간 시계와 12시간 시계 중에서 선택할 수 있습니다. 더 많은 옵션이 가능합니다. 사양 보기.
언어
번역
스킨
캘린더의 스킨을 선택할 수 있습니다.
링크
이벤트에는 위치와 URL이 있을 수 있습니다. 캘린더를 웹사이트에 임베드하는 경우 클릭한 링크가 페이지가 열리는 위치를 선택할 수 있습니다.
요일 설정
CSS를 사용한 사용자 정의 스타일
CSS를 사용하여 캘린더의 색상과 여러 가지 속성을 변경할 수 있습니다. 사용자 지정은 선택한 스킨보다 우선합니다. 아래에서 저희가 준비한 몇 가지 사용자 정의 중에서 선택할 수 있습니다.
- 캘린더의 배경색을 변경할 수 있습니다.
- 클릭할 수 있는 요소의 색상을 변경할 수 있습니다.
- 현재 날짜의 배경색을 변경할 수 있습니다.
- 요일별로 다른 색상을 사용하고 싶다면 이 역시 지정할 수 있습니다.
- 달력의 일부 날짜는 해당 월이 아닌 경우 다른 색으로 표시됩니다.
원하는 경우 고유한 CSS 속성을 지정할 수 있습니다. 다음은 이벤트 스타일을 지정하는 CSS 클래스의 예시입니다:
.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 {}
이벤트 상태
상태에 따라 이벤트 설명의 모양을 변경합니다:
로딩 애니메이션
경우에 따라 서버가 캘린더를 로드하는 데 시간이 꽤 걸리는 경우가 있습니다. 서버가 Heroku에서 무료 요금제를 사용하는 경우 서버가 먼저 시작되어야 합니다.
캘린더 탭
월 보기가 기본값입니다. 그러나 처음에 다른 보기를 표시하도록 선택할 수 있습니다. 하나를 선택합니다:
사용자가 볼 수 있도록 모든 컨트롤을 표시하지 않으려는 경우가 있을 수 있습니다. 여기에서 표시할 컨트롤을 선택하세요:
시간대
표준 시간대는 사용자의 브라우저에서 가져옵니다. 캘린더를 한 표준 시간대로 고정하려면 아래 옵션이 있습니다. 브라우저가 이 표준 시간대를 사용합니다:
로딩중…
사양 호스팅
캘린더는 URL뿐만 아니라 파일에서 JSON 또는 YAML 사양을 통해서도 생성할 수 있습니다. 위의 사용자 지정은 이 사양을 생성합니다:
이 사양을 다운로드하여 웹 어딘가에 배치할 수 있습니다. 이렇게 하면 링크를 공유한 후에도 캘린더의 사용자 지정을 계속 제어할 수 있습니다(예: GitHub의 Gist). 온라인 어딘가에 사양을 배치한 후에는 다음과 같은 링크를 만들 수 있습니다: