メモ帳

ツイキャスのコメント欄用 マ〇ュマロ風カスタムCSS このサイトのメモで「 質〇箱風カスタムCSS 」を公開していますが、今回は マシュマ〇風のカスタムCSS を作ってみました。 [目次] 質問箱風カスタムCSS 解説 表示されるコメントの数 表示幅の調節 👉 📝 キャスコメカスタムCSS まとめ OBSでツイキャスのコメント欄を設定する方法や、下に説明するCSSをOBSに読み込ませる方法については、先に別のメモ「📝 ツイキャスのコメント欄を表示 (サムネ付きで) 」を参照してみてください。 ハロウイン仕様 のマシュマ🎃風はこちら: 👉 ハロウイン仕様マシュマ🎃風のツイキャスコメ欄カスタムCSS 更新履歴 [ 14/Dec/2022 ] : オンツイタグ追加に伴うCSSの変更。 [ 21/Oct/2022 ] : フォント設定が閲覧コメントだけでなく全体に反映される仕様に変更。 [ 27/Sep/2022 ] : 閲覧コメントの文字サイズ、太文字、イタリックを変更出来る様にしました。 設定で選択したGoogleフォントが表示されなかった不都合を修正。 [ 01/Sep/2022 ] : アイコンの大きさを変更 (2em x 2em)。 [ 30/Aug/2022 ] : 一般公開 マシュマ〇風カスタムCSS (ツイキャス用) 次のカスタムCSSの枠の右下にある、 「CSSをクリップボードにコピー」ボタン をクリックするとカスタムCSSがクリップボードにコピーされるので、OBSのブラウザソースのプロパティにある「カスタムCSS」にそのままペーストする事が出来ます。 /* Googleフォントの読み込み */ @import url("https://fon...

普段からOSBでツイキャス配信をしている方で、「雑談配信」と「ゲームズ配信」を切り替える際に、OBSの配信設定で「サーバー」の値を 毎回 ｺﾋﾟﾍﾟしている人はいませんか？ OBSのメニューバーにある「 プロファイル 」を使うと複数の配信設定に違う名前を付けて登録が出来て、それらの 登録した配信設定をメニューバーの「プロファイル」から選択して簡単に切り替える 事が出来ます。 Windows版OBSの「プロファイル」 mac版OBSの「プロファイル」 便利な機能なので、一度は使った事がある場合は、もう当たり前な機能になっているかもしれませんが、メニュ－バーに隠れている為、この機能の存在に気付いていないOBSユーザーの方もいるかもしれないので、OBSの「プロファイル」について、ここにメモしておきます。 [ 目次 ] メニュ－バーの「プロファイル」 プロファイルの活用 備考 プロファイルの保存ファイル メニュ－バーの「プロファイル」 「 プロファイル 」はOBSのメニュ－バー内にあって、初期設定では次の様な状態になっています。 メニュ－バーの「プロファイル」には: 新規 複製 名前を変更 削除 インポート エクスポート の項目があって、その下には登録されている配信設定(プロファイル)の名前がリストされます。 有効になっている配信設定の左側には チェック( ✓ ) が表示されていて、OBSの初期設定だと「✓無題」 (英語表示の場合は「✓Untitled」) という名前になっているはずです。 (OBSで)配信中、又は録画中はプロファイルの操作/変更は出来ません。...

『 L◯NE風ツイキャスコメ欄カスタムCSS x４(アイコンサイズ変更可)バージョン 』のメモ📝で公開しているL◯NE風のカスタムCSSですが、配信画面の隅にコメント欄を縦に細長く表示させたい時など、設定Part-2の「コメント横の余白」の各幅の値が大きいままの設定で、コメント欄の幅を(300px以下などに)狭くすると、閲覧コメントが左側に押されてコメントが縦長に表示されてしまう事があります。。。 なので、ここにコメント欄の幅を狭く表示したい時用に調節した、コピペで使える「L◯NE風カスタムCSS - 幅細め 」カスタムCSSを置いておきます。 レイアウトは『 L◯NE風ツイキャスコメ欄カスタムCSS x４(アイコンサイズ変更可)バージョン 』とほぼ同じですが、「閲覧コメントの右の空白幅」と「枠主コメントの左の空白幅」の規定値が小さく設定されていて、タイムスタンプは吹き出しの横ではなく下に表示される仕様(非表示も可)になっています。 「 何の為に幅細め😕？ 」と疑問に思う場合は、このページのカスタムCSSを使う前に次のL◯NE風カスタムCSSの一つを試してみる事をお勧めします。 📝 シンプル版 : 細かい設定が無くシンプルです。 📝 x４ バージョン : 色や文字サイズが設定で変更出来ます。 📝 『コメ欄』用 : 別サイトで公開しているカスタムCSSですが、吹き出しに囲い枠又は影を追加する事が出来ます。 見た目がLINEの会話画面とは少し異なりますが、コメント欄の幅を狭くしてもコメントが縦長になりにくいバージョンのカスタムCSSです。(「コメント横の余白」設定が既定値の場合) 又、別メモ📝の『 コメントのフェードイン + フェードアウトのCSSアドオン 』でメモした、 コメントのフェードイン&フェードアウトのアニメーション効果 も「 設定 Part-2 」で有効にする事が出来ます。 [ 目次 ] LINE風カスタムCSS - 幅細め サンプル 設定 (Part-1)   ...