Jak dodać kalendarz CKZ do swojej strony i wystylizować go w 2 krokach?
Dodawanie Chronobiologicznego Kalendarza Zdrowia ChronoLife.eu do swojej strony www (bloga, portalu itd.) polega na skopiowaniu i wklejeniu odpowiedniego kodu HTML w miejscu, gdzie kalendarz ma się docelowo wyświetlać.
I. Skopiuj poniższy kod i wklej go w wybranym miejscu swojej strony [w kodzie HTML]
<iframe src="https://calendar.google.com/calendar/embed?title=Chronobiologiczny%20Kalendarz%20Zdrowia%20ChronoLife.eu&height=600&wkst=2&bgcolor=%23FFFFFF&src=kalendarz%40chronolife.eu&color=%2329527A&src=ht3jlfaac5lfd6263ulfh4tql8%40group.calendar.google.com&color=%230F4B38&ctz=Europe%2FWarsaw" style="border-width:0" width="800" height="600" frameborder="0" scrolling="no"></iframe>
Oprócz Kalendarza Zdrowia zawiera on także Kalendarz Faz Księżyca, który pomaga w planowaniu prawidłowej procedury oczyszczania wątroby (Nie w Nów Księżyca!).
Pozostałe cechy powyższego kodu Kalendarza Zdrowia:
- Tytuł Chronobiologiczny Kalendarz Zdrowia ChronoLife.eu
- Domyślny widok miesięczny
- Włączone wszystkie opcje Pokaż
- Poniedziałek jako pierwszy dzień tygodnia
wkst=2 - Szerokość x wysokość: 800×600
- Biały kolor tła
bgcolor=%23FFFFFF - Kolor Kalendarza Zdrowia
color=%2329527Ai Kalendarza Księżycowegocolor=%230F4B38 - Strefa czasowa: Europa, Warszawa (GMT+1)
II. Wystylizuj kalendarz zgodnie z potrzebą…
Pogrubiony kod odpowiada za funkcję. Reszta kodu ma ułatwić zachowanie właściwej kolejności. Dodając nową zmienną należy zawsze pamiętać o separatorze &
Wyłącz tytuł
title=Chronobiologiczny%20Kalendarz%20Zdrowia%20ChronoLife.eu&showTitle=0
Wyłącz przyciski nawigacyjne
showTitle=0&showNav=0
Wyłącz datę
showNav=0&showDate=0
Wyłącz ikonę drukuj
showDate=0&showPrint=0
Wyłącz karty
showPrint=0&showTabs=0
Wyłącz listę kalendarzy
showTabs=0&showCalendars=0
Wyłącz strefę czasową
showCalendars=0&showTz=0
Widok tygodniowy
&mode=WEEK&height=600
Widok dzienny (Plan dnia)
&mode=AGENDA&height=600
Zmiana szerokości i wysokości
Wystarczy zmodyfikować w jednym miejscu wartość w pikselach 800 (szerokość) i w dwóch miejscach wartość 600 (wysokość)
Pierwszy dzień tygodnia
- Niedziela
wkst=1 - Poniedziałek
wkst=2 - Sobota
wkst=7
Język
wkst=2&hl=en_GB
W powyższym przykładzie użyłem języka angielskiego w brytyjskiej wersji – amerykańska to en . Pozostałe oznaczenia zgodne z nomenklaturą językową.
Zmiana koloru tła
Wystarczy zmodyfikować zmienną bgcolor=%23FFFFFF, gdzie część pogrubiona odpowiada za kolor – w przykładzie kolor biały.
Włącz obramowanie
style="border:solid 1px #777"
Grubość i kolor obramowania można modyfikować poprzez pogrubione zmienne.
IIA. Dodatkowy kod…
… to opcjonalny, aktywny link prowadzący do tej strony. Można go umieścić nad kodem kalendarza lub pod.
<p style="text-align: center;"><a href="https://chronolife.eu/" target="_blank"><strong>Chronobiologiczny Kalendarz Zdrowia</strong></a></p>
Jeśli masz jakiekolwiek problemy z dodaniem Kalendarza Zdrowia na własnej stronie, napisz do mnie.
