时区小工具

Michael Gargiulo - CEO, VPN.com

由: Michael Gargiulo,VPN.com的CEO

已更新。美国东部时间9月24日下午7:13 周五, 2021年9月24日

如何嵌入

要嵌入一个部件,你必须首先在你的网页中包含这一行代码。

要在你的网页中放置一个可嵌入的小部件,请创建一个带有class="vpn-widget "和type="[小部件名称]"的div


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

可选属性

  •  - 你可以根据自己的需要为包含的div分配任何额外的css类。
  • 风格 - 因为小部件被嵌入到一个 <div> 元素,你可以为该div的内容指定你自己的样式。
  • 宽度 - 为了确定小组件的大小,指定宽度属性。高度将根据指定的宽度来计算。
  •  - 将小组件翻译成特定的语言,例如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样式进行硬覆盖。

zh_CN简体中文
DMCA.com Protection Status
复制链接
由以下单位提供 社交网络