Instrukcja dodania Kalendarza Zdrowia do własnej strony www & opcje stylizacji.

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&amp;height=600&amp;wkst=2&amp;bgcolor=%23FFFFFF&amp;src=kalendarz%40chronolife.eu&amp;color=%2329527A&amp;src=ht3jlfaac5lfd6263ulfh4tql8%40group.calendar.google.com&amp;color=%230F4B38&amp;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=%2329527A i Kalendarza Księżycowego color=%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 &amp;

Wyłącz tytuł

title=Chronobiologiczny%20Kalendarz%20Zdrowia%20ChronoLife.eu&amp;showTitle=0

Wyłącz przyciski nawigacyjne

showTitle=0&amp;showNav=0

Wyłącz datę

showNav=0&amp;showDate=0

Wyłącz ikonę drukuj

showDate=0&amp;showPrint=0

Wyłącz karty

showPrint=0&amp;showTabs=0

Wyłącz listę kalendarzy

showTabs=0&amp;showCalendars=0

Wyłącz strefę czasową

showCalendars=0&amp;showTz=0

Widok tygodniowy

&amp;mode=WEEK&amp;height=600

Widok dzienny (Plan dnia)

&amp;mode=AGENDA&amp;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&amp;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="http://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.

Dodaj komentarz

Twój adres email nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *