Widget πρόβλεψης μίας ώρας

MULTI DEVICE: εικονίδιο όλων των συσκευών λευκό

Copy & paste our One Hour Forecast Widget:

<script src="https://widget.vpn.com/vpn-widget.js"></script>

<div
  class="vpn-widget"
  type="weather/forecast-1hour"
></div>

How To Embed Our One Hour Forecast Widget

Για να ενσωματώσετε ένα widget πρέπει πρώτα να συμπεριλάβετε αυτή τη γραμμή κώδικα μία φορά στην ιστοσελίδα σας:


  <script src="https://widget.vpn.com/vpn-widget.js"></script>

Για να τοποθετήσετε ένα ενσωματώσιμο widget στην ιστοσελίδα σας δημιουργήστε ένα div με class="vpn-widget" και type="[όνομα widget]"


  <div
    class="vpn-widget"
    type="weather/forecast-1hour"
  ></div>

Προαιρετικά χαρακτηριστικά

  • κατηγορία - Μπορείτε να αναθέσετε οποιεσδήποτε πρόσθετες κλάσεις css στο div που περιέχει, όπως θέλετε.
  • στυλ - Επειδή το widget είναι ενσωματωμένο σε ένα <div> στοιχείο μπορείτε να καθορίσετε το δικό σας στυλ για τα περιεχόμενα αυτού του div.
  • πλάτος - Για το μέγεθος του widget καθορίστε το χαρακτηριστικό width. Το ύψος θα υπολογιστεί με βάση το καθορισμένο πλάτος.
  • lang - Μεταφράστε το widget σε μια συγκεκριμένη γλώσσα, π.χ. en, it, es.

Διεθνοποίηση

Από προεπιλογή, η γλώσσα του προγράμματος περιήγησης θα χρησιμοποιηθεί για τη μετάφραση κάθε widget. Μπορείτε να το παρακάμψετε αυτό με το προαιρετικό χαρακτηριστικό `lang`.

One Hour Forecast Widget Styling

Τα widgets περιέχουν το δικό τους ατομικό στυλ, αλλά μπορείτε να χρησιμοποιήσετε CSS για να επεκτείνετε και να παρακάμψετε αυτά τα στυλ. Τα widgets είναι τυλιγμένα στο δικό τους div το οποίο θα τοποθετηθεί μέσα στο div στην ιστοσελίδα σας.

Για παράδειγμα, για να αλλάξετε τον τίτλο του widget σε κόκκινο, κάντε το σε ένα στυλ και αναθέστε την κλάση στο div που το περιέχει:


  <style>
    .red-header header {
        color: red;
    }
  </style>

  <div class="vpn-widget red-header" type="weather/forecast-1hour">Φόρτωση...</div>
Φόρτωση...

Χρησιμοποιήστε την οδηγία !important css για να παρακάμψετε οποιοδήποτε στυλ css.

ΣΥΧΝΈΣ ΕΡΩΤΉΣΕΙΣ

What is a One Hour Forecast Widget?

A widget that detects and displays the one hour forecast of the user’s current location. 

Who needs a One Hour Forecast Widget?

Anyone who wants to allow visitors of their website to view their hour forecast.

Why should I use a One Hour Forecast Widget?

Weather widgets are among the most useful types of widgets in existence. Visitors will appreciate the ability to quickly gather information about their current forecast.

How do I use a One Hour Forecast Widget?

Χρησιμοποιείτε το widget ενσωματώνοντάς το όπου θέλετε να εμφανίζεται στον ιστότοπο ή το ιστολόγιό σας. Μετά την ενσωμάτωση, το widget θα αρχίσει να λειτουργεί όπως προβλέπεται χωρίς καμία περαιτέρω συντήρηση από εσάς.

Does this One Hour Forecast Widget cost anything?

Όχι! Όλα τα widgets στην ιστοσελίδα μας είναι 100% δωρεάν για να τα χρησιμοποιήσετε.

Can I embed a One Hour Forecast Widget?

Ναι! Ακολουθήστε τις παραπάνω οδηγίες για να ενσωματώσετε το widget μας στην ιστοσελίδα ή το blog σας.

How do I embed this One Hour Forecast Widget?

Ακολουθήστε τις παραπάνω οδηγίες για να ενσωματώσετε το widget μας στον ιστότοπο ή το ιστολόγιό σας. Είναι τόσο απλό όσο το να αντιγράψετε και να επικολλήσετε τον κώδικα που σας παρέχουμε.

Is it safe to embed a One Hour Forecast Widget?

Ναι! Είναι απολύτως ασφαλές να ενσωματώσετε όλα τα widgets από το VPN.com.

How long does it take to embed a One Hour Forecast Widget?

Η εγκατάσταση αυτού του widget διαρκεί λιγότερο από πέντε λεπτά. Χρειάζεται μόνο όσο χρόνο χρειάζεται για να αντιγράψετε και να επικολλήσετε τον κώδικα στον ιστότοπο ή το ιστολόγιό σας.

Do I need a developer to embed this One Hour Forecast Widget?

Όχι, δεν χρειάζεστε έναν προγραμματιστή για να ενσωματώσετε αυτό το widget. Σας παρέχουμε όλα όσα χρειάζεστε για να ενσωματώσετε το widget σε αυτή τη σελίδα.

Can I embed a One Hour Forecast Widget in WordPress?

Ναι! Τα widgets μας είναι συμβατά με όλες τις ιστοσελίδες WordPress.

Can I embed a One Hour Forecast Widget in HTML?

Ναι, μπορείτε να ενσωματώσετε όλα τα widgets μας σε HTML. Έχουμε παράσχει τον απαραίτητο κώδικα HTML μαζί με οδηγίες παραπάνω.

elΕλληνικά
Αντιγραφή συνδέσμου