HITUT – Bibliai tanulmányok

Zsidó – Világi Automatikus Dátum Váltó Naptár Modul


Ez a hitut.hu professzionális, automatikus dátumkijelző oldala! Ez a minimalista webes widget teljesen önműködően, valós időben jeleníti meg az aktuális polgári (Gergely-naptár szerinti) dátumot, valamint annak pontos megfelelőjét a tradicionális héber időszámítás szerint, egészen a teremtéstől számítva. Ha szeretnél egy ilyen dinamikusan, naponta magától frissülő zsidó-világi naptár-boxot elhelyezni saját honlapodon vagy WordPress rendszeredben, az alábbiakban teljesen ingyen, licencdíjak nélkül másolhatod ki a reszponzív HTML, CSS és optimalizált JavaScript forráskódot. A dátum automatikusan minden nap frissül.

Ma a Biblia naptár szerinti év (a teremtés 6-ik napjától):

Ingyenes automatikus naptár widget letöltése és forráskódjai

Szeretnéd, hogy weboldalad látogatói is láthassák ezt a modern, önműködő dátum kijelzőt? A modul elemei teljesen nyitottak: az oldal alján található kódmásoló dobozok segítségével külön-külön is beillesztheted a HTML szerkezetet, a letisztult stíluslapot vagy a tömörített szkriptet a rendszeredbe. Ha nincs weboldalad, viszont azonnal futtatható formában szeretnéd elmenteni, arra is van lehetőség. Töltsd le a kulcsrakész, egybefüggő "hebrew-date-widget.zip" fájlt tartalmazó csomagot az alábbi gombra kattintva! A letöltött ZIP fájlt kicsomagolás után azonnal megnyithatod a számítógépeden, vagy változtatás nélkül feltöltheted a saját tárhelyedre.

Ingyen letölhető "Nyers" kódok

A modul működéséhez szükséges forráskódokat (a strukturált HTML-t, a formázó CSS stíluslapot és a futtató JavaScriptet) teljesen szerkesztetlen formában, külön blokkokra bontva is elérheted az oldal aljára görgetve. Ezeket a kód részleteket díjmentesen integrálhatod a saját online projektjeidbe. A licenc egyetlen fontos korlátozása, hogy a kódok önálló termékként való árusítása, fizetős szolgáltatásként történő terjesztése vagy bármilyen profitforrásként való értékesítése nem megengedett.

Miért lett ez az automatikus dátum megjelenítő hihetetlenül pontos?

Modern világunkban a hagyományok és a pontosság találkozása kulcsfontosságú. Ez a naptár-box áthidalja a szakadékot a modern polgári időszámítás és a bibliai gyökerekkel rendelkező héber naptár között. Ismerd meg, mitől egyedülálló ez a megoldás, és miért érdemes elhelyezned a saját honlapodon is!

Mit tud ez a program és mire használható?

A modul egy valós idejű, automatikus dátumkonverter. Mindenféle felhasználói beavatkozás nélkül, azonnal kiszámítja és megjeleníti az aktuális világi (Gergely-naptár szerinti) dátumot, valamint annak pontos megfelelőjét a héber naptár szerint. Kiválóan alkalmas vallási közösségi oldalak, kulturális magazinok, történelemmel foglalkozó blogok vagy bármilyen, a zsidó hagyományok iránt érdeklődő weboldal színesítésére.

Mitől különleges és miért rendkívül pontos ez a verzió?

A piacon elérhető legtöbb naptáralkalmazás külső szerverekről, lassú adatlekérésekkel (API-kon keresztül) dolgozik, vagy bonyolult, elavult matematikai képleteket futtat, amelyek hibákhoz vezethetnek. Ez a program ezzel szemben a legmodernebb beépített böngészőtechnológiát (Intl.DateTimeFormat) használja. A számításokat közvetlenül a látogató eszköze végzi el a hivatalos nemzetközi szabványok alapján, így a pontossága abszolút, a működése pedig villámgyors és hibamentes – még szökőévekben vagy a bonyolultabb hónapváltásokkor is.

Miért jó, ha a weboldaladon van egy ilyen mutató?

  • Rendszeres visszatérő látogatók: A vallási ünnepek, évfordulók és a napi bibliai időszámítás követése miatt a felhasználók mindennap visszatérnek az oldaladra ellenőrizni az aktuális dátumot.
  • Kulturális és szellemi érték: Exkluzív, informatív tartalmat nyújtasz a közönségednek, ami növeli a weboldalad szakmai hitelességét és tekintélyét.
  • Dinamikus tartalom: Élőbbé, interaktívabbá teszi a fejlécet, oldalsávot vagy a láblécet.

Miért előnyös a modul CSS dizájnja?

A naptár megjelenése a végletekig optimalizált a modern webes elvárásokhoz. A letisztult, minimalista skandináv dizájn és a finom lila tónusok elegáns, professzionális hatást keltenek. A kód teljesen responsive (mobilbarát), ami azt jelenti, hogy az apró okostelefonok kijelzőjétől kezdve a hatalmas monitorokig minden eszközön tökéletesen, törések nélkül, jól olvashatóan jelenik meg. Ráadásul nem lassítja az oldalt, mivel külső grafikai elemek helyett tiszta, modern CSS stílusokat használ.

Szeretnéd beépíteni? Így szerezheted meg ingyen:

Emeld új szintre weboldalad felhasználói élményét ezzel a prémium funkcióval! Biztosítva van számodra a modul teljes forráskódja: a strukturált HTML, a reszponzív CSS és a tömörített, szupergyors JavaScriptet is teljesen díjmentesen másolhatod. Legyen szó egyedi fejlesztésű honlapról vagy népszerű tartalomkezelő rendszerekről (mint a WordPress, Joomla vagy Drupal), a kód néhány kattintással, technikai nehézségek nélkül beilleszthető a rendszeredbe.

Licencfeltételek (CC BY-NC-SA 4.0)

Ez a modul a Creative Commons Nevezd meg! - Ne add el! - Így add tovább! 4.0 (CC BY-NC-SA 4.0) nemzetközi licenc alatt áll.

Megengedett:

  • Ingyenes használat: Beépítheted saját személyes vagy üzleti célú weboldaladba teljesen díjmentesen.
  • Módosítás és testreszabás: A modul kódját szabadon átalakíthatod a saját weboldalad arculatára.

Nem megengedett:

  • Kereskedelmi értékesítés: Tilos a programot (vagy annak módosított változatát) önálló termékként eladni, bérbe adni vagy bármilyen módon haszonszerzés céljából értékesíteni.

Feltételek és támogatás:

A készítő az ingyenes verzióhoz technikai támogatást nem nyújt.


Jogi nyilatkozat és felelősségkizárás

THE SOFTWARE IS PROVIDED “AS IS”, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

Magyar fordítás: A program „olyan-amilyen” alapon kerül használatra, minden közvetlen vagy közvetett garancia nélkül. A készítő nem szavatolja a naptár hibátlan működését vagy pontosságát. A használat során bekövetkezett esetleges károkért, adatvesztésért vagy hibákért kizárólag a felhasználó felelős, a szerző semmilyen esetben sem vonható felelősségre.

Letölthető html, css és script kódok

1. LÉPÉS: HTML kód (A megjelenő doboz szerkezete)
<div class="today-box">
  <div class="today-column">
    <p class="today-title">Ma a Biblia naptár szerinti év (a teremtés 6-ik napjától):</p>
    <div id="hebrewToday" class="today-date"></div>
    <div id="hebrewToGreg" class="today-sub"></div>
  </div>
</div>
2. LÉPÉS: CSS kód (A formázás és mobilbarát dizájn)
.today-box{display:flex;justify-content:center;background:#faf5ff;border:1px solid #e9d8fd;box-shadow:0 4px 6px -4px rgba(0,0,0,.1);padding:25px;border-radius:10px;margin-top:1rem;margin-bottom:1rem}.today-column{flex:1;max-width:500px;text-align:center;background:#fff;border-top:4px solid #805ad5;padding:20px;border-radius:8px}.today-title{font-size:1em;font-style:italic;font-weight:100;color:#4a5568;margin-bottom:10px}.today-date{font-size:1.3em;font-weight:700;color:#2d3748;margin-bottom:8px}.today-sub{font-size:1em;color:#4a5568}#hebrewToday{border:1px solid #e9d8fd;border-radius:5px;margin-top:1.5rem;margin-bottom:1.5rem;padding:10px}@media screen and (max-width:768px){.today-box{padding:20px}.today-column{padding:18px;max-width:100%}.today-title{font-size:1.05em}.today-date{font-size:1.25em}}@media screen and (max-width:480px){.today-date{font-size:1.2em}}
3. LÉPÉS: JavaScript kód (A naptár motorja)
<script> /* (c) hitut.hu | CC BY-NC-SA 4.0 */ document.addEventListener("DOMContentLoaded",(()=>{const e={"Nissan":"Niszán","Iyar":"Ijár","Sivan":"Sziván","Tamuz":"Tammuz","Av":"Áv","Elul":"Elul","Tishrei":"Tisri","Cheshvan":"Hesván","Kislev":"Kiszlév","Tevet":"Tévét","Shvat":"Svát","Adar I":"Ádár I","Adar II":"Ádár II","Adar":"Ádár"};function t(){const t=new Date,a=new Intl.DateTimeFormat("en-US-u-ca-hebrew",{year:"numeric",month:"long",day:"numeric"}).formatToParts(t),n=a.find((e=>"year"===e.type)).value,o=a.find((e=>"month"===e.type)).value,r=a.find((e=>"day"===e.type)).value,i=e[o]||o,d=document.getElementById("hebrewToday");d&&(d.innerText=`${n} ${i} ${r}`);const c=t.toLocaleDateString("hu-HU",{year:"numeric",month:"long",day:"numeric"}),s=document.getElementById("hebrewToGreg");s&&(s.innerHTML=`Világi dátum: <strong>${c}</strong>`)}let a=(new Date).getDate();setInterval((()=>{const e=(new Date).getDate();e!==a&&(a=e,t())}),6e4),t()})); </script>

Útmutató az automatikus dátum váltó beépítéséhez

A naptár-box hibátlan és zökkenőmentes működése érdekében kérjük, kövesd az alábbi elhelyezési javaslatokat:

  • A szerkezeti HTML: Ezt a kódrészletet helyezd el a weboldalad azon pontján, ahol a dobozt meg szeretnéd jeleníteni (például a fejlécben, a láblécben vagy a "main" esetleg "main-container" vagy egy tetszőleges konténer elemen belül).
  • A formázó CSS: Amennyiben közvetlenül a HTML fájlban használod, másold a stílusokat a dokumentum fejrészébe (a <head> szekcióban található <style> címkék közé). Emellett a kódot egyszerűen hozzáillesztheted a már meglévő külső stíluslapod (pl. main.css) legvégére is.
  • A futtató Script: Ha a JavaScript kódot közvetlenül a HTML-be ágyazod be, a legpraktikusabb a lap aljára, közvetlenül a záró </body> jelölés elé beszúrni.
    Ha külön fájlként kezelnéd, mentsd el hebrew-date-widget.js néven, és hivatkozz rá a megfelelő elérési úton. A weboldal gyorsabb betöltődése érdekében érdemes a defer attribútumot alkalmazni. Példa a modern hivatkozásra: <script src="hebrew-date-widget.js" defer></script> (optimálisan, közvetlenül a záró </body> jelölés elé helyezd).

Hogyan illeszd be a kódot

Az alábbi példa segít a fájlok megfelelő elhelyezésében:

  • CSS: A stílusokat a <style> részbe írd, így a modul megjelenése egységes lesz.
  • HTML: A tartalom a <body> szakaszban kap helyet, vagy a <main> konténerben, ha a fő részhez tartozik.
  • Script: A működést biztosító kódot a <script> blokkban, a dokumentum végén helyezd el, hogy ne lassítsa a betöltést.
Sábát modul kód elhelyezésének szemléltetése
A kép bemutatja a fájlok elhelyezését. A CSS, HTML és Script részeket az ábrán látható módon illeszd be.

Hasznos tippek a kezdéshez

A leggyorsabb módszer: Ha az oldal felső részén található hebrew-date-widget.zip lila színű gombra kattintva letöltöd a kész zip csomagot, a kicsomagolás után kapott hebrew-date-widget.html fájlt tetszőleges forráskódszerkesztővel (például a Notepad++ programmal) megnyitva azonnal egyben látod a teljes struktúrát. Ez segít pontosan megérteni a kódok egymáshoz képesti helyes elrendezését.

Helyi futtatás: A letöltött és kicsomagolt fájlt nem kötelező azonnal feltöltened az internetre. Ha duplán rákattintasz a saját számítógépeden, a böngésződ azonnal megnyitja és működésre bírja az élő dátumkijelzőt. Így internetkapcsolat nélkül, közvetlenül az Asztalodról is bármikor ellenőrizheted az aktuális bibliai időszámítást.

Kérdésed van? Írj a facebook oldalra.

Kacsó Károlyírta: Kacsó Károly. 2026. augusztus 24.| frissítve: – – –