Zoznam | Topky | Mail | Mapy | Cestovanie 

Web Kalendár

---

I. Jednoriadkový dizajn (widget)

1. Zvoľ parametre kalendára

Menný kalendár:	BulharskoChorvátskoEpiskopálnyEstónskoFrancúzskoFínskoGréckoGréckokatolíckyLitvaLotyšskoLuteránskyMačkyMaďarskoNemeckoPapagáje, vtákyPoľskoPravoslávnyPsy CZPsy SKRakúskoRuskoRímskokatolíckySlovenskoSlovensko (rozšírené)UkrajinaZajace, králikyŠpanielskoŠvédskoČeskoÍrsko	Jazyk:	slovenčinačeštinaenglishdeutschfrancaispolskiitalianoespanolportuguessvenskaíslenskamagyarcroatian

2. Skopíruj nasledujúci kód do svojich web stránok

<script src="https://calendar.zoznam.sk/embed1/sk/sk/" type="text/javascript"></script>

3. Vygenerovaný kód na dnes

document.write('<div class="calwid_body">'); document.write('<span class="calwid_day">Štvrtok</span>'); document.write(', 21. November 2024. '); document.write('<a href="https://calendar.zoznam.sk/meno/">Meniny má <span class="calwid_name1">Elvíra</span></a>, zajtra <span class="calwid_name2">Cecília</span>.'); document.write('</div>');

4. Uprav dizajn kalendára pomocou CSS

.calwid_body { border: 1px solid #000; padding:3px; margin:3px; color:#000; } .calwid_body A { color:#000; text-decoration:none; } .calwid_day { font-weight:bold; } .calwid_name1 { font-weight:bold; } .calwid_name2 { font-weight:bold; }

5. Výsledný vzor kalendára

 

---

Obdĺžnikový dizajn II. (widget)

1. Zvoľ parametre kalendára

Menný kalendár:	BulharskoChorvátskoEpiskopálnyEstónskoFrancúzskoFínskoGréckoGréckokatolíckyLitvaLotyšskoLuteránskyMačkyMaďarskoNemeckoPapagáje, vtákyPoľskoPravoslávnyPsy CZPsy SKRakúskoRuskoRímskokatolíckySlovenskoSlovensko (rozšírené)UkrajinaZajace, králikyŠpanielskoŠvédskoČeskoÍrsko	Jazyk:	slovenčinačeštinaenglishdeutschfrancaispolskiitalianoespanolportuguessvenskaíslenskamagyarcroatian

2. Skopíruj nasledujúci kód do svojich web stránok

<script src="https://calendar.zoznam.sk/web/create-calendar.php?fName=sk&fLang=sk" type="text/javascript"></script>

3. Vygenerovaný kód na dnes

document.write('<div class="calendar">'); document.write('<div class="head">Menný kalendár</div>'); document.write('<div class="type">Slovensko</div>'); document.write('<div class="date">21. November 2024</div>'); document.write('<table class="nameday">'); document.write('<tr><td class="day">Dnes:</td><td class="name">Elvíra</td></tr>'); document.write('<tr><td class="day">Zajtra:</td><td class="name">Cecília</td></tr>'); document.write('</table>'); document.write('<div class="promo"><a href="https://calendar.zoznam.sk">calendar.zoznam.sk</a></div>'); document.write('</div>');

4. Uprav dizajn kalendára pomocou CSS

.calendar { width:140px; border: 1px solid #000; padding:5px; text-align:center; } .calendar .head { font-weight: bold; color:#fff; background-color: #33f; padding:3px; } .calendar .type { font-weight: bold; color:#fff; background-color: #88f; padding:3px; } .calendar .nameday { border:0; width:100%; } .calendar .date { } .calendar .promo { padding-top:5px; font-size:10px; } .calendar .day { text-align:right; height:20px; background-color: #eee; } .calendar .name { text-align:left; font-weight: bold; height:20px; background-color: #ddd; }

5. Výsledný vzor kalendára