Ви мо-же-ті со-здати свій уні-каль-ний HTML ін-фор-мер з дан-ни-ми про по-го-де або ви-брати один з уже го-то-вих ін-фор-ме -ров і раз-ме-стить по-лу-чен-ний код на стра-ні-цах сво-е-го сай-ту або бло-га.
Го-то-ші ін-фор-ме-ри
Вве-ді-ті на-зва-ня на-се-лен-но-го пунк-ту або залиш-ті це по-ле пу-простим, то-гда го-род ав-то-ма-ти-че скі визна-де-літ-ся по IP адре-су поль-зо-ва-ті-ля сай-ту. Для через ме-ні-ня ши-ри-ни іно-фр-ме-ра через ме-ні-ті со-від-вет-ству-ю-щійе ат-ри-бут 'width' у еле-мен -та 'A'.
Що-б ви-брати го-род і по-лу-чить код по-рік-них інте-фор-ме-рів для Ва-ше-го сай-та, від-крій-ті цю стра-ні-цу в пол-ної вер-сії бра-у-зе-ра!
Інформер з поточної погодою
Інформер з поточної погодою і прогнозом на сьогодні
Інформер з прогнозом на сьогодні і завтра
Інформер з прогнозом на три найближчих дня
HTML ін-фор-ме-ри
Ша-ги по со-зда-нию HTML ін-фор-ме-ра:
- Свер-стати HTML еле-мен-ти і рас-ста-вить необ-хо-ді-мі сті-ли;
- Уста-но-вить кор-ні-по-му еле-мен-ту ін-фор-ме-ра ат-ри-бут class свідо-че-ні-му nuipogoda-html-informer;
- До-ба-вить в кор-ні-вої еле-мент ін-фор-ме-ра си лан-ку на сайт нуж-но-го го-ро-да, для ко-то-ро-го ви со-зда- е-ті ін-фор-мер, на-прі-мер, для Моск-ви:
Або посиланн-ку на глав-ний сайт:
в цьому слу-чаї го-род ав-то-ма-ти-че-скі визна-де-літ-ся по IP адре-су поль-зо-ва-ті-ля сай-ту;Зна-че-ня ат-ри-бу-та data-nuipogda
На-зва-ня го-ро-да і ре-ги-о-на
- city - на-зва-ня на-се-лен-но-го пунк-ту;
- in-city - на-зва-ня на-се-лен-но-го пунк-ту зі скла-ні-ні-ем;
- region - на-зва-ня ре-ги-о-ну;
- in-region - на-зва-ня ре-ги-о-на зі скла-ні-ні-ем
Пе-ри-о-ди уста-нав-ли-ва-ють-ся для еле-мен-ту кон-тей-ні-ра. У ка-че-стве пе-ри-о-да мо-же бути вка-зан весь день або толь-ко його частина, на-прі-мер, "day2 morning" - ранок по-сле-зав-тра
- day0 - се-рік-ня;
- day1 - зав-тра;
- day2 - по-сле-зав-тра;
- am - первуя по-ло-ві-на су-ток;
- pm - вто-ю по-ло-ві-на су-ток;
- night - ніч;
- morning - ранок;
- day - день;
- evening - ве-чер;
- 0. 23 - визна-де-льон-ний годину
Ме-тео-дан-ні та й-та
- temp - тим-пе-ра-ту-ра (ес-ли до ва-че-стве пе-ри-о-да за-дан годину або пе-ри-од НЕ вка-зан, то зна-че-ня ви -По-дит-ся од-ним чис-лом, для осталь-них пе-ри-о-дов - в ві-де двох чи-сіл + 15 °. + 20 °);
- temp-max - мак-си-маль-ва тим-пе-ра-ту-ра;
- temp-min - мі-ні-маль-ва тим-пе-ра-ту-ра;
- cloud - про-Лач-ність (текст);
- event - облог-ки (текст);
- press - давши-ле-ня (мм.рт.ст.);
- winds - ско-кість вет-ра (м / с);
- windd - на-прав-ле-ня вет-ра (текст);
- prec - облог-ки (мм.);
- prob - ве-ро-ят-ність облог-ков (%);
- hum - во-ність (%);
- icon (color1, color2. color11) - ікон-ка. 'Color1, color2. color11 '- не обо-зя-тель-ний па-ра-метр. 11 коль-тов в фор-ма-ті CSS по по-ряд-ку: солн-це, лу-на, ма-ло-про-Лач-но, про-Лач-но, пас-мур-но, дощ, сніг, мовляв-ня, град, ту-ман, ме-тель;
- date (format) - так-та. 'Format' - не обо-зя-тель-ний па-ра-метр, ес-ли він не за-дан, то да-та ви-по-дит-ся в фор-ма-ті: 'ccc d LLL' . Пол-ве опи-са-ня фор-ма-ту;