OSウィジェット

Michael Gargiulo - CEO, VPN.com

で。 マイケル・ガルジウロVPN.comのCEO

更新しました。2021年9月24日午後7時10分(東部標準時)。

埋め込み方法

ウィジェットを埋め込むには、まずこのコードをウェブページに一度だけ記述する必要があります。

埋め込み可能なウィジェットをWebページに配置するには、class="vpn-widget"、type="[widget name]"のdivを作成します。


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

オプション属性

  • クラス - 含有するdivには、必要に応じて追加のcssクラスを割り当てることができます。
  • スタイル – Because the widget is embedded in a <div> element you may specify your own styling for the contents of that div.
  •  - ウィジェットのサイズを変更するには,width 属性を指定します。高さは指定された幅に基づいて計算されます。
  • ラング - ウィジェットを特定の言語に翻訳します(例:en、it、es)。

国際化

デフォルトでは、各ウィジェットの翻訳にブラウザの言語が使われます。オプションの `lang` 属性でこれをオーバーライドすることができます。

スタイリング

ウィジェットには独自のスタイルがありますが、CSSを使用してこれらのスタイルを拡張したり、上書きしたりすることができます。ウィジェットは独自のdivに包まれており、Webページのdiv内に配置されます。

例えば、ウィジェットのタイトルを赤に変更するには、スタイルを作成し、そのクラスを包含するdivに割り当てます。


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

  <div class="vpn-widget red-header" type="geoip/os">ローディング...</div>
ローディング...

あらゆるCSSスタイルをハード的にオーバーライドするには、CSSディレクティブの「! important」を使用します。

ja日本語
DMCA.com Protection Status