Погода на картеРегионыСтраны
Информеры для сайта

Уни­каль­ный ин­фор­мер

Вы мо­же­те со­здать свой уни­каль­ный HTML ин­фор­мер с дан­ны­ми о по­го­де или вы­брать один из уже го­то­вых ин­фор­ме­ров и раз­ме­стить по­лу­чен­ный код на стра­ни­цах сво­е­го сай­та или бло­га.

Го­то­вые ин­фор­ме­ры

Вве­ди­те на­зва­ние на­се­лен­но­го пунк­та или оставь­те это по­ле пу­стым, то­гда го­род ав­то­ма­ти­че­ски опре­де­лит­ся по IP адре­су поль­зо­ва­те­ля сай­та. Для из­ме­не­ния ши­ри­ны ино­фр­ме­ра из­ме­ни­те со­от­вет­ству­ю­щийе ат­ри­бут 'width' у эле­мен­та 'A'.
Что­бы вы­брать го­род и по­лу­чить код по­год­ных ин­фор­ме­ров для Ва­ше­го сай­та, от­крой­те эту стра­ни­цу в пол­ной вер­сии бра­у­зе­ра!

Информер с текущей погодой

Информер с текущей погодой и прогнозом на сегодня

Информер с прогнозом на сегодня и завтра

Информер с прогнозом на три ближайших дня

HTML ин­фор­ме­ры

Ша­ги по со­зда­нию HTML ин­фор­ме­ра:
  • Свер­стать HTML эле­мен­ты и рас­ста­вить необ­хо­ди­мые сти­ли;
  • Уста­но­вить кор­не­во­му эле­мен­ту ин­фор­ме­ра ат­ри­бут class со зна­че­ни­ем nuipogoda-html-informer;
  • До­ба­вить в кор­не­вой эле­мент ин­фор­ме­ра ссыл­ку на сайт нуж­но­го го­ро­да, для ко­то­ро­го вы со­зда­е­те ин­фор­мер, на­при­мер, для Моск­вы:
    <a href="https://msk.nuipogoda.ru">НУ И ПОГОДА</a>
    Или ссыл­ку на глав­ный сайт:
    <a href="https://nuipogoda.ru">НУ И ПОГОДА</a>
    в этом слу­чае го­род ав­то­ма­ти­че­ски опре­де­лит­ся по IP адре­су поль­зо­ва­те­ля сай­та;
  • За­дать ат­ри­бут data-nuipogda эле­мен­там, ко­то­рые бу­дут со­дер­жать ме­тео­дан­ные. Все воз­мож­ные зна­че­ния для это­го ат­ри­бу­та при­ве­де­ны ни­же;
При­мер HTML ин­фор­ме­ра "НУ И ПО­ГО­ДА", ко­то­рый вы­во­дит те­ку­щую тем­пе­ра­ту­ру и про­гноз на зав­тра для Моск­вы.<div class="nuipogoda-html-informer"><div>Температура <span data-nuipogoda="in-city"></span></div><div>Сейчас: <span data-nuipogoda="temp"></span></div><div data-nuipogoda="day1">Завтра: <span data-nuipogoda="temp"></span></div><a title="НУ И ПОГОДА" href="https://msk.nuipogoda.ru">НУ И ПОГОДА</a></div><script>(function(a,f,g){var e=a.createElement(f);e.async=1;e.src=g; a=a.getElementsByTagName(f)[0];a.parentNode.insertBefore(e,a)})(document,'script','//nuipogoda.ru/informer/nuipogoda.js');</script>
Температура
Сейчас:
Завтра:
НУ И ПОГОДА

Зна­че­ния ат­ри­бу­та 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'. Пол­ное опи­са­ние фор­ма­та;