最も手軽な方法：テンプレートを選ぶ
StreamElementsやStreamlabsのチャットスキンを持っていますか？ チャットスキンのガイドでカスタムウィジェットを取り込む.
一からCSSを書かずに整ったオーバーレイを作るには、テンプレートが最も簡単です。
カスタマイズの方法
| 方法 | 用途 | 場所 |
|---|---|---|
| テンプレートの設定 | 見た目をすぐに変更。 | テンプレートギャラリー. |
| URLパラメーター | 動作、ラベル、フィルター、倍率、上限。 | オーバーレイURLのクエリー文字列。 |
| OBSのカスタムCSS | 1つのOBSソースでスタイルを少し上書き。 | OBSブラウザーソースのプロパティ。 |
| ホスト型／自己ホストのCSS | 複数のオーバーレイでスタイルを再利用。 | &css= または &b64css=. |
| カスタムオーバーレイ | 動作を全面的にカスタマイズ。 | カスタムオーバーレイのガイド. |
よく使うURLオプション
featured.html?session=YOUR_SESSION&scale=1.1&limit=10
sessionは、オーバーレイを正しいチャットルームに接続します。scaleは、CSSを書き換えずにサイズを変更します。limitは、対応するページで表示し続けるメッセージ数を制御します。hidesourceは、ドックのプラットフォームラベルを非表示にします（dock.htmlのみ）。cssおよびb64cssでカスタムスタイルを読み込みます。
OBSの前にプレビューする
よくある問題の対処
- ブラウザーでは正常でOBSでは違う場合： OBSのカスタムCSSを外し、ブラウザーソースを再読み込みしてください。
- フォントが表示されない場合： HTTPSのフォントファイルへの直接リンクを使用し、CORSや直リンクの制限を確認してください。
- すべて見えない場合： 不透明度、色、フィルター、および注目表示／イベントのペイロードが必要なページかどうかを確認してください。
- URLを変更しても変わらない場合： OBSソースを再読み込みするか、URLを置き換えてください。