Безкоштовний сценарій прогнозу погоди (погода або ймовірність погоди, безкоштовний віджет)

Скористайтеся цим сценарієм (який також називають віджетом), щоб безкоштовно відображати на своєму веб-сайті або в блозі прогноз погоди (погода чи ймовірний час), румунською або англійською мовами для будь-якої місцевості з будь-якої точки світу. Цей сценарій дуже потужний, швидкий, легкий для завантаження і працює для 200 000 населених пунктів, більших чи менших міст і навіть сіл з будь-якої точки світу, в країні чи за кордоном. Наші прогнози найточніші, а сценарій на 100% безкоштовний!

прогнозу

Погляньте на приклади нижче та підберіть код із цього прикладу, який найкраще відповідає вашому сайту або блогу. Якщо вам потрібна допомога в налаштуванні сценарію, прочитайте розділи Параметри конфігурації і Часті запитання, нижче на цій сторінці.

Ця конфігурація призначена для веб-сайтів, сторінка яких забезпечує достатньо місця по горизонталі. Для семиденного прогнозу віджет вимагає мінімальної ширини 575 пікселів. Якщо стовпець на вашому сайті ширший, віджет автоматично розширюватиметься, щоб заповнити весь доступний простір.

Щоб вставити віджет у стовпець із фіксованою 575 пікселів, потрібно встановити
.WFOT1 0; Прокладка:0>

Якщо ширина, доступна на вашому веб-сайті, менше 575 пікселів, ви можете встановити для змінної "дні" нижче значення (наприклад, 4, щоб відобразити прогноз на чотири дні), або можна використовувати змінну "колонки", щоб примусити скрипт відображати прогноз у два (або більше) рядки (див. наступний приклад).

У цьому прикладі для змінної "стовпці" встановлено значення "3", а для змінної "дні" встановлено значення "6", щоб прогноз відображався у два рядки.

Якщо встановити
.WFOT1 0; Прокладка:0>
сценарію потрібно мінімальний горизонтальний простір 245 пікселів. Якщо ви встановили стовпці = 2, йому потрібно лише 165 пікселів.

У цьому прикладі для змінної "стовпці" встановлено значення "2", а віджет відображає ймовірний час у трьох рядках.

У стилях CSS за замовчуванням віджет вимагає стовпця щонайменше 232 пікселі.

Якщо встановити
.WFOT1 0; Прокладка:0>
віджету потрібен горизонтальний простір 165 пікселів (ширина стовпця, куди повинна входити погода).

Якщо ви встановите для заповнення значення 4 пікселі, тобто: для віджета .WFOT1 потрібно 195 пікселів.

Ця конфігурація призначена для вузьких колон (тобто тих, що мають ширину близько 200 пікселів). Ось як ми використовуємо це на цьому сайті. Віджет автоматично розширюється, щоб заповнити введений вами стовпець.

змінна SideBySide = так робить текст поруч із піктограмами погоди (а не під ними, як у попередніх прикладах). Якщо змінна Поруч встановлено так, змінна колонки ігнорується.

Якщо вам потрібно встановити віджет у дуже вузькій колонці, це потрібна вам конфігурація.

Зазвичай віджет вимагає стовпця шириною 106 пікселів, але якщо ви встановите
.WFOT1 0; Прокладка:0>
тоді віджет поміститься в 88 пікселів.

У цьому прикладі параметр днів Це встановлено 2, але ви можете встановити це 7 якщо ви хочете відобразити прогноз на сім днів.

Параметри конфігурації

Це найважливіший параметр: його значення повинно бути ідентифікатором місцевості, для якої потрібно відобразити прогноз. Щоб отримати ідентифікатор населеного пункту, перейдіть на сторінку прогнозу для цього населеного пункту, а потім натисніть кнопку "ВЗАЙТИ КОД" у правому стовпці. Коли ви натискаєте цю кнопку, усі приклади на цій сторінці оновлюються для використання ідентифікатора цього населеного пункту, а потім ви можете скопіювати код із будь-якого прикладу, змінної люблю буде встановлено автоматично.

Якщо ви не відвідували сторінку прогнозу населеного пункту, який вас цікавить, до того, як потрапити на цю сторінку, введіть назву цього населеного пункту в поле пошуку в правій колонці (вгорі), натисніть на ЗНАЙТИ, і після того, як ви потрапите на цю сторінку, натисніть на кнопку "ВЗАЙТИ КОД".

Мова відображення прогнозу. Він може мати значення en (для англійської), ро (для румунської мови) тощо. Якщо параметр не встановлений, значенням за замовчуванням є en.

Це ще один важливий параметр. Він контролює кількість днів (від 1 до 7), протягом яких відображатиметься ймовірний час.

(необов’язково, але рекомендується)

Цей параметр допомагає віджету працювати швидше. Його значення заповнюється автоматично (одночасно з ідентифікатором населеного пункту), коли ви натискаєте кнопку "ВЗАЙТИ КОД" на сторінці населеного пункту. Допустимі значення - від 1 до 3. Увага, це не означає, що якщо ви встановите 3, сценарій буде працювати швидше. Навіть якщо ви встановите 1. Кожен ідентифікатор місця відповідає значенню змінної , а якщо ви використовуєте кнопку "ВЗЯТИ КОД", обидві змінні встановлені правильно.

Назви деяких населених пунктів можуть містити спеціальні символи. Якщо ваш сайт або блог має кодування UTF-8, встановіть цей параметр так для відображення спеціальних символів такими, які вони є. Якщо ваш сайт має інше кодування, залиште значення цього параметра немає (що також є значенням за замовчуванням) для віджета для перекладу спеціальних символів у прості символи (ASCII).

Якщо щось подібне до мета http-equiv = "Content-Type" content = "text/html; charset = utf-8" з'являється у вихідному коді сторінок вашого сайту, то ваш сайт використовує символи UTF-8, а потім ви можете встановити параметр utf8 за значенням так.

Якщо назва населеного пункту, для якого ви хочете відобразити прогноз, не містить спеціальних символів, тоді значення цього параметра не має значення, і ви можете його повністю видалити.

Якщо ви хочете обмежити кількість стовпців (тобто днів), що відображаються в кожному рядку, встановіть параметр колонки. Допустимі значення - від 1 до 7. Перегляньте приклади вище, щоб краще зрозуміти, що виходить.

Якщо встановити цей параметр так, текст прогнозу відображається поруч із піктограмами, а не під ними. Але пам’ятайте, що якщо ви встановлюєте Поруч за значенням так, тоді параметр колонки буде проігноровано.

Я можу змінити кольори/шрифт/колір тла віджета?

Так, ви можете змінювати стилі CSS, коли хочете адаптувати віджет до дизайну вашого сайту або блогу.

Наприклад, якщо ви хочете видалити сіру межу, видаліть частину зі стилів CSS: border: 2px solid # E1E1E1; .

Щоб видалити фон, замініть background-color: # F1F1F1; з кольором тла: #FFFFFF; у визначенні стилю .WFOT1 .

Щоб видалити відступ, замініть відступ: 10px на відступ: 0 у визначенні стилю .WFOT1 .

Я можу розмістити два (або більше) віджети на одній сторінці?

Так, але ви повинні видалити рядок із вихідного коду кожного віджета

Як часто оновлюються прогнози?

Зазвичай вони оновлюються чотири рази на день.

Як швидко працює цей віджет?

Це дуже швидко. Зазвичай він доставляється в браузері клієнта за 0,02 секунди.

Я можу переміщувати стилі CSS до частини HEAD сторінок на моєму сайті або до мого зовнішнього файлу CSS?

Так, це гарна ідея, оскільки деякі DOCTYPE вимагають, щоб усі стилі CSS були визначені в частині HEAD на HTML-сторінках, і це не так, як би це не було.