Zoznam | Topky | Mail | Mapy | Cestovanie 

Web Kalendář

---

I. Jednořádkový dizajn (widget)

1. Jak vložit kalendář na vaše internetové stránky?

Kalendář jmen:	BulharskoChorvatskoEpiskopálnyEstónskoFinskoFrancieIrskoKočkyLitvaLotyšskoLuteránskyMaďarskoNěmeckoPapoušci, ptáčciPolskoPravoslavnýPsy, pejsci CZPsy, pejsci SKRakouskoRuskoSlovenskoSlovensko (rozšířené)UkrajinaZajíci, králíciŠpanělskoŠvédskoČeskoŘeckoŘeckokatolickýŘímskokatolický	Jazyk:	slovenčinačeštinaenglishdeutschfrancaispolskiitalianoespanolportuguessvenskaíslenskamagyarcroatian

2. Vlož následující kód do svých internetových stránek.

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

3. HTML kód vloženého kalendáře

document.write('<div class="calwid_body">'); document.write('<span class="calwid_day">Čtvrtek</span>'); document.write(', 21. Listopad 2024. '); document.write('<a href="https://calendar.zoznam.sk/meno/">Svátek má <span class="calwid_name1">Elvíra</span></a>, zítra <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áře

 

---

Obdélnikový dizajn II. (widget)

1. Jak vložit kalendář na vaše internetové stránky?

Kalendář jmen:	BulharskoChorvatskoEpiskopálnyEstónskoFinskoFrancieIrskoKočkyLitvaLotyšskoLuteránskyMaďarskoNěmeckoPapoušci, ptáčciPolskoPravoslavnýPsy, pejsci CZPsy, pejsci SKRakouskoRuskoSlovenskoSlovensko (rozšířené)UkrajinaZajíci, králíciŠpanělskoŠvédskoČeskoŘeckoŘeckokatolickýŘímskokatolický	Jazyk:	slovenčinačeštinaenglishdeutschfrancaispolskiitalianoespanolportuguessvenskaíslenskamagyarcroatian

2. Vlož následující kód do svých internetových stránek.

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

3. HTML kód vloženého kalendáře

document.write('<div class="calendar">'); document.write('<div class="head">Kalendář jmen</div>'); document.write('<div class="type">Slovensko</div>'); document.write('<div class="date">21. Listopad 2024</div>'); document.write('<table class="nameday">'); document.write('<tr><td class="day">Dnešek:</td><td class="name">Elvíra</td></tr>'); document.write('<tr><td class="day">Zítra:</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áře