Виджет часового пояса

Michael Gargiulo - CEO, VPN.com

К: Майкл Гарджиулогенеральный директор VPN.com

Обновлено: 7:13 ПП ET Пт, Сентябрь 24th 2021

Как встраивать

Для встраивания виджета необходимо один раз включить эту строку кода на вашей веб-странице:


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

Чтобы разместить встраиваемый виджет на вашей веб-странице, создайте div с class="vpn-widget" и type="[имя виджета]".


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

Необязательные атрибуты

  • класс - Вы можете назначить любые дополнительные css-классы для содержащего div по своему усмотрению.
  • стиль - Поскольку виджет встроен в <div> вы можете задать свой собственный стиль для содержимого этого div.
  • ширина - Для определения размера виджета укажите атрибут width. Высота будет рассчитана на основе указанной ширины.
  • lang - Переведите виджет на определенный язык, например, en, it, es.

Интернационализация

По умолчанию для перевода каждого виджета будет использоваться язык браузера. Вы можете переопределить это с помощью дополнительного атрибута `lang`.

Стайлинг

Виджеты содержат свои собственные индивидуальные стили, но вы можете использовать CSS для расширения и переопределения этих стилей. Виджеты обернуты в свой собственный div, который будет размещен внутри div на вашей веб-странице.

Например, чтобы изменить заголовок виджета на красный, сделайте это в стиле и присвойте класс вашему содержащему div:


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

  <div class="vpn-widget red-header" type="geoip/time-zone">Загрузка...</div>
Загрузка...

Используйте директиву !important css для жесткого переопределения любого стиля css.

ru_RUРусский
DMCA.com Protection Status
Копировать ссылку