見た目のカスタム.md

見た目のカスタム

レスの表示背景色や文字色を変更したい (OBS取り込み)

例として背景の透明度を変更したい場合は、OBSのブラウザソース設定画面のカスタムCSSに以下のように追加してください

  body {  
    background-color: rgba(0, 0, 0, 0.5); /*0.5の部分が透明度指定、0~1の少数で設定でき、0で透明、1で不透明になる*/  
  }  

チャット欄に使用しているCSSは以下となります。上書きしたい要素をコピペして利用してください。

• style-server.css

レスの表示背景色や文字色を変更したい (chatウィンドウ))

resourcesフォルダ直下に、style-server.cssファイルを置いて、その中にCSSを記載してください。 unpack版の場合はOBS側と同じファイル(style-server.css)を直接編集してもOKです。

レス表示HTMLサンプル

細かい設定によって変わりますが、レス1つで以下のような構造のHTMLとなります。 CSS編集の際に参考にしてください。

<li class="list-item">
    <span class="icon-block">
      <img class="icon" src="./img/random/sanma_1.png">
    </span>
    <div class="content">
      <span class="resNumber">34</span>
      <span class="name">名無し</span>
      <span class="date">2020/07/21(火) 00:11:24</span><br>
      <span class="res">
      ﾃｽﾃｽｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗ
    </span>
  </div>
</li>

---

アイコン

2ch互換掲示板のレス表示は、アイコンがランダム表示となります。 変更したい場合はunpack版を利用してください。 以下のフォルダにある.pngをランダムで表示します。 unacast-win32-x64/resources/app/public/img/random