Ágyazd be a naptárt

Tegyél egy kis „Ma” panelt a blogodra, honlapodra vagy az iskola oldalára. Egyetlen kódsor, és az olvasóid látják a mai névnapokat, ünnepeket és a holdfázist.

Mit mutat a panel

Egy kis dobozt a mai nappal és dátummal, a mai névnapokkal, az esetleges ünnep- vagy zászlós nappal és egy szerény hivatkozással a naptárra. A nap fordultával magától frissül.

Illeszd be ezt a HTML-kódodba

A kódot oda tedd, ahol a panelt látni szeretnéd. Nem ütközik a saját stílusaiddal, mert a tartalom Shadow DOM-ban jelenik meg, és a témád nem éri el.

<div data-nordic-calendar></div>
<script async src="https://magyarnaptar.app/embed.js"></script>

Előnézet

Így néz ki most a panel:

csütörtök

2026. november 5. · w45

Névnap: Imre
Magyar naptár A naptár megnyitása →

Hogyan működik a beágyazás

  1. 1Beilleszted a fenti kódot az oldaladba.
  2. 2A látogató böngészője közvetlenül ebből a naptárból tölti le a mai adatokat.
  3. 3Az adatok ott jelennek meg, ahová a kódot illesztetted. Saját szerverre nincs szükség.

Testreszabás

A célelemnek bármilyen osztályt és stílust adhatsz. A tartalom a saját stílusburkában marad, és sosem veszi át az oldal színeit vagy betűit. Az elemen a data-theme="dark" sötét megjelenést kényszerít.

Feltételek

Ingyenesen használható blogokon, egyesületi oldalakon, iskolai weboldalakon és céges intraneteken. A Magyar naptár oldalára mutató hivatkozás a panel része, kérjük, ne rejtsd el és ne távolítsd el. Az adatok változhatnak.