HighChat. TOP about

設定
  • 0 system message

    higchat start
    棒読みちゃん連携するのに当サイト用ブラウザ拡張機能が必要になりました。[連携詳細]
    お知らせ:カスタム絵文字入力・登録機能を実装しました。

  • 1 くまやつこ  

    :ccp2:

  • 2 やしゃ  

    ほい

  • 3 くまやつこ  

    あ、動画は非公開なのね

  • 4 やしゃ  

    これOBSのデフォCSS

  • 5 くまやつこ  

    こっちの問題だったわうごいた

  • 6 やしゃ  

    再読み込みで出ない?

  • 7 くまやつこ  

    出ましたぞい

  • 8 くまやつこ  

    これは、「ブラウザ」ってやつよね

  • 9 やしゃ  

    うむ

  • 10 やしゃ  

    ブラウザのURLに自分のidとPOPUPいれた

  • 11 くまやつこ  

    OK。そして表示されているので、これは問題ない。

  • 12 くまやつこ  

    ソースって処のさ、ブラウザを右クリックすると、色々項目がでるじゃない。そこの下の方にある プロパティがあるんだ。それを押してほしい

  • 13 やしゃ  

    だしてるよ

  • 14 くまやつこ  

    カスタムCSSってあるじゃない

  • 15 やしゃ  

    うぬ

  • 16 やしゃ  

    OBSのデフォCSSが入ってる

  • 17 くまやつこ  

    body { background-color: rgba(0, 0, 0, 0); margin: 0px auto; overflow: hidden; }

  • 18 くまやつこ  

    これか

  • 19 やしゃ  

    そそ

  • 20 くまやつこ  

    これ貼れるのかな

  • 21 ---  

    ---

  • 22 やしゃ  

    うお

  • 23 やしゃ  

    長い

  • 24 くまやつこ  

    ちょっと頑張ってコピーして貼ってみようか

  • 25 くまやつこ  

    一旦テキストエディタに貼りつけてから、OBSに貼ると良いと思う。

  • 26 やしゃ  

    貼った

  • 27 くまやつこ  

    ほい

  • 28 くまやつこ  

    これで俺と同じ環境になった。

  • 29 やしゃ  

    おー

  • 30 くまやつこ  

    えdさ、

  • 31 くまやつこ  

    でさ、

  • 32 くまやつこ  

    これだと、文字ちっさ!!!!ってなるじゃない

  • 33 やしゃ  

    はい

  • 34 くまやつこ  

    カスタムCSSの項目より上にさ、幅と高さを設定できるものがあるじゃん

  • 35 やしゃ  

    いま800x800になってる

  • 36 くまやつこ  

    幅を400 高さを150 に設定する

  • 37 やしゃ  

    おk

  • 38 れんしゅうイカ  

  • 39 くまやつこ  

    そうすると、今度は表示領域がちいさいなってなるじゃん?

  • 40 やしゃ  

    うむ

  • 41 れんしゅうイカ  

    私ももろたー

  • 42 くまやつこ  

    プロパティを閉じて、

  • 43 くまやつこ  

    位置表示を弄れるところで、拡大してみよう

  • 44 くまやつこ  

    青い枠を弄る ってことだな

  • 45 やしゃ  

    コメが古いままだ

  • 46 くまやつこ  

    ぬるぽ

  • 47 やしゃ  

    :tmv::tmv_x::tmv_y::tmv_z:

  • 48 くまやつこ  

    はい完成~

  • 49 やしゃ  

    うーむ

  • 50 やしゃ  

    これの

  • 51 くまやつこ  

    だめか?

  • 52 やしゃ  

    背景透過しない場合は

  • 53 やしゃ  

    どこいじるの

  • 54 くまやつこ  

    body { background-color: rgba(0, 0, 0, 0); margin: 0px auto; overflow: hidden; } かな

  • 55 くまやつこ  

    一番の先頭

  • 56 やしゃ  

    あい

  • 57 くまやつこ  

    0,0,0,0 があるじゃない

  • 58 やしゃ  

    はい

  • 59 くまやつこ  

    それがそれぞれ 赤 緑 青 透明感

  • 60 ぬりンこチエ  

    どないよ

  • 61 やしゃ  

    なるほろ

  • 62 やしゃ  

    文字カラーもどれか別だよね

  • 63 くまやつこ  

    せやね

  • 64 くまやつこ  

    https://gist.github.com/niyari/895de1b165e138e6fedc9197144c42cb

  • 65 ぬりンこチエ  

    それは本線とシャドウがあるからべっこでいじるといいよ

  • 66 ぬりンこチエ  

    つか背景透過しないの

  • 67 やしゃ  

    透過すると文字が読めんので文字色いじろうかと

  • 68 ぬりンこチエ  

    カラーコードぶち込むと良い

  • 69 ぬりンこチエ  

    シス屋は3桁指定するけど6桁でいいぞ

  • 70 やしゃ  

    どこがカラーなんだろう

  • 71 やしゃ  

    いまくまあきのソースと格闘中

  • 72 くまやつこ  

    あー これだと俺がリセットしてそのままだな

  • 73 くまやつこ  

    たとえば、

  • 74 くまやつこ  

    /* comment reset */ .highchat_comment__content { font-size: 1em !important; color:red; /*これを追加*/ }

  • 75 くまやつこ  

    赤に染まるぞ

  • 76 やしゃ  

    場所はどこ?

  • 77 やしゃ  

    最後尾でいいの?

  • 78 くまやつこ  

    初めの方だな 10行以内の所にある

  • 79 くまやつこ  

    最後尾に付けるなら、こうかな。 .highchat_comment__content { color:red; }

  • 80 くまやつこ  

    (自分で試してかわってねえやんけ!ってなった )

  • 81 やしゃ  

  • 82 やしゃ  

    コメント本文は白になった

  • 83 くまやつこ  

    :ccp2:

  • 84 やしゃ  

    ユーザー名は?

  • 85 くまやつこ  

    .highchat_comment__name  の中にある値だな

  • 86  

    CSS勉強会だ

  • 87 くまやつこ  

    .highchat_comment__name の -webkit-text-stroke:0.5px #999; がそれだな

  • 88 くまやつこ  

    #999を色々変えてみよう

  • 89 ぬりンこチエ  

    なんでこんなど真ん中なんだよ!

  • 90  

    <h1>てすと</h1>

  • 91 くまやつこ  

    </body>

  • 92  

    :mon: :mon:

  • 93 くまやつこ  

    つまり .highchat_comment__content の -webkit-text-stroke:0.5px #fff; がコメント文字色だな

  • 94  

    ファイナルファンタジー!

  • 95 やしゃ  

    お」

  • 96 やしゃ  

    あるいみちょうどいいかも

  • 97 くまやつこ  

    思い出してきたわ…

  • 98  

    名無しだとどうしても上に発言した人のに続いちゃうんだね

  • 99 やしゃ  

    コメNOとか時間とかはあるとみづらいので

  • 100 やしゃ  

    これでいいかも

  • 101 やしゃ  

    とりま勉強しよう

  • 102 ぬりンこチエ  

    いや見づらくないよ

  • 103  

    :ultrafastparrot:

  • 104 やしゃ  

    くまあきありがとね!

  • 105 くまやつこ  

    うす

  • 106  

    俺も鼻が高いよ

  • 107 やしゃ  

    チエさまもありがとう!

  • 108 くまやつこ  

    白にすると、バトル中に見えんくなるから灰色なんだわ

  • 109 やしゃ  

    おー

  • 110 やしゃ  

    ああ

  • 111  

    縁取りまではやらないのかな

  • 112 やしゃ  

    ヨシこれで一回出てみよう

  • 113 くまやつこ  

    それはもうOBSの方で作った方がはやい

  • 114  

    ハイチン道は深い

  • 115 くまやつこ  

    そのためのソースのフォルダ機能だ

  • 116  

    :tmv_x::tmv_y:

  • 117 くまやつこ  

    そうそう。結局この透過スタイルだと左下に安定してくるんだ

  • 118 やしゃ  

    これが夏休み…

  • 119 やしゃ  

    はあ

  • 120  

    :msh-hi:

  • 121 やしゃ  

    :gold:&50秒以上残し

  • 122 くまやつこ  

    :ccp2:

  • 123 あんどう  

    太鼓叩きそうな配信画面だ:mon:

  • 124 やしゃ  

    :mon:

  • 125 くまやつこ  

    :mon:

  • 126 あおあお  

    :mon:

  • 127 やしゃ  

    上の方からコメよんでね

  • 128 あおあお  

    うむわかんねぇ!

  • 129 やしゃ  

    OBSの

  • 130 やしゃ  

    ソース→+ボタン

  • 131 やしゃ  

    ブラウザ

  • 132 やしゃ  

    URLは自分のIDの後ろに/popup/

  • 133 やしゃ  

    肝心のCSSは上でクマ空きが貼ってるのをまるごとコピー

  • 134 やしゃ  

    それで先生とおなじなるはず

  • 135 やしゃ  

    位置はマウスで調整

  • 136 やしゃ  

    ヨシ!それではこっちは終わりますね

  • 137 やしゃ  

    いろいろご鞭撻ありがとう!またね!

loading...