Ну и Погода

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

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

Вы можете создать свой уникальный 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'. Полное описание формата;
Тема: светлая000тёмная