Уникальный информер
Вы можете создать свой уникальный HTML информер с данными о погоде или выбрать один из уже готовых информеров и разместить полученный код на страницах своего сайта или блога.
Готовые информеры
Введите название населенного пункта или оставьте это поле пустым, тогда город автоматически определится по IP адресу пользователя сайта. Для изменения ширины информера измените соответствующий атрибут 'width' у элемента 'A'.
Чтобы выбрать город и получить код погодных информеров для Вашего сайта, откройте эту страницу в полной версии браузера!
Информер с текущей погодой
Информер с текущей погодой и прогнозом на сегодня
Информер с прогнозом на сегодня и завтра
Информер с прогнозом на три ближайших дня
HTML информеры
Шаги по созданию HTML информера:
Пример 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'. Полное описание формата;