チャットウィンドウを配信画面上に配置し、カスタムスタイルを適応する
< Youtube live, シンプルチャットスタイルについてのフィードバック
「Youtube live, 配信画面上にチャットウィンドウを表示」を利用させてもらっていましたこちらに統合されたとのことで試しているのですが自分の環境では透過の設定が反映されません情報タブにある4枚目の画像のような状態にしたいんですが
利用していただきありがとうございます。
文字に縁をつけるには設定の enable chat frame をチェック。 背景を透明にするには、background color に透明のカラーコードを指定するとできます。 今回の場合、#fff0を設定すると完全に透明になります。 変更後はSaveボタンで保存後、ページを再読みするかチャットウィンドウのReloadボタンをクリックしてください。
enable chat frame
background color
#fff0
Save
Reload
自分が他に入れているYouTubeの色を変更するCSSが悪さをしていましたそれをオフにすると無事画像のようにできました。ありがとうございますさらに、この状態でチャットもしたいのですが、そのFooter部分が白く表示されてしまいますここも、アイコン・文字など分かるように残して透明にはできないでしょうか?
ローカルで利用していたバージョンをアップロードしました。
現在、フッターは画像のような感じです。チャット入力欄が半透明なのは仕様です(入力文字を見えるようにするため)。
このバージョンでフッター全体が白い場合はもう一度他のスクリプト等を疑ってみてください。
作者さん、何度も丁寧に対応ありがとうございます。理想通りにできて本当に満足です。実は今回のでも最初フッターが白のままだったので再度他スクリプトを確認してみたら白指定されているものを発見しました。それを無効にしてやるとちゃんと透明になったのですがもしやと思い1.0.2でも試してみるとそちらでもちゃんと透明になってました・・スミマセンでした。
返信を投稿するにはログインしてください。
「Youtube live, 配信画面上にチャットウィンドウを表示」を利用させてもらっていました
こちらに統合されたとのことで試しているのですが
自分の環境では透過の設定が反映されません
情報タブにある4枚目の画像のような状態にしたいんですが