Widget ζώνης ώρας

Michael Gargiulo - CEO, VPN.com

Με: Michael Gargiulo, Διευθύνων Σύμβουλος της VPN.com

Ενημερώθηκε: Πα, Σεπτέμβριος 24, 2021

Πώς να ενσωματώσετε

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


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

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


  <div
    class="vpn-widget"
    type="geoip/time-zone"
  ></div>

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

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

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

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

Styling

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

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


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

  <div class="vpn-widget red-header" type="geoip/time-zone">Φόρτωση...</div>
Φόρτωση...

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

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