【攻略】將巴哈聊天室顯示在OBS畫面上教學

由於巴哈聊天室已經停止服務

改為你所實況的平台的聊天室代替

此功能將無法使用，待往後巴哈聊天室有再

出時才能繼續使用

個平台去背方式google即有!

105/9/29更新CSS

加入聊天室時間紀錄顏色修改

105年5月22日更新CSS
加入聊天室名字、聊天文字字體、粗細修改

各位好我是玖謙是這兒的版務歡迎各位多多光顧綜合實況討論板!
最近不少版友會詢問關於巴哈姆特實況聊天室的問題
該怎麼樣讓他像twitch聊天室一樣去背之後使用CLR出現在OBS上
在這邊我有寫個CSS語法讓各位使用
但目前還是測試版，本人是以"火狐"瀏覽器做為範例
如果各位在使用其他瀏覽器會有任何BUG出現，歡迎跟我說
我會再做語法上的修改與加強!

影片教學:

[玖謙]巴哈姆特聊天室去背顯示在OBS教學 1080P

圖文教學:
一、先至OBS論壇下載CLR揷件，並且安裝CLR揷件
CLR揷件處(舊版OBS)
請32與64位元皆下載，分別放入32與64位元的OBS揷件資料夾
32位元:C:\Program Files (x86)\OBS\Plugins
64位元:C:\Program Files\OBS\Plugins

CLR揷件處(新版OBS)

C:\Program Files (x86)\obs-studio\

二、開啟巴哈姆特個人的實況大廳主頁，點選聊天室中間的符號按另開聊天室

三、將其聊天室網址複製到OBS的CLR揷件內的URL碼內

四、按下CLR上面分頁的CSS，將以下CSS貼入

/*作者:玖謙*/

/*偷打廣告:https://www.twitch.tv/p5822605*/

/*如果語法有任何問題，歡迎寄信給我，我會立刻修改*/

::-webkit-scrollbar {
   visibility: hidden;
    }

    body {
    background-color: rgba(0,0,0,0.0) !important; /*背景，rgba(紅,藍,綠,透明度:0為完全透明)*/
    margin: 0px auto;
    }

   .right { background-color: transparent;   /*第二層背景顏色*/
    }

   .chatroom-message  { background-color: transparent;  /*聊天室背景顏色*/
    }

   .chatroom-send-message {display: none ;   /*不顯示發言*/
    }

    .hover-hide.pull-right.message-time {display: none;  /*不顯示聊天室時間紀錄，如要顯示時間，把none改為have*/

    }
     .hover-hide.pull-right.message-time{color: #FFFFFF;/*/聊天室時間紀錄文字顏色，如想要原色不更改請刪除此行，請修改#後面的數值，FFFFFF為白色，想改其他顏色請參考CSS16進位顏色表105/9/29加入*/
    }


    .message-text{color: #FFFFFF;/*聊天室文字顏色FFFFFF為白色，想改其他顏色請參考CSS16進位顏色表*/
    }

     .message-text {font-size:22px;}  /*聊天室文字大小，請調整中間px前面的數字*/

     .message-text {font-weight:900;}  /*105/5/22加入，聊天室文字粗細，一般值為100~900間，請自行調整，也可直接打入bold*/

     .message-text {font-family:Microsoft JhengHei;}  /*105/5/22加入，聊天室文字字體，請更改font-family:後面的值，
      預設為微軟正黑體
      微軟正黑體=Microsoft JhengHei
      新細明體 =PMingLiU
      細明體=MingLiU
      標楷體=DFKai-sb
      請輸入英文，勿輸入中文以免字體有錯誤*/

     .role-master{font-family:Microsoft JhengHei;}  /*105/5/22加入，"實況主"聊天室名字字體，請更改font-family:後面的值，
      預設為微軟正黑體
      微軟正黑體=Microsoft JhengHei
      新細明體 =PMingLiU
      細明體=MingLiU
      標楷體=DFKai-sb
      請輸入英文，勿輸入中文以免字體有錯誤*/


      .message-name{font-family:Microsoft JhengHei;}  /*105/5/22加入，"觀眾"聊天室名字字體，請更改font-family:後面的值，
      預設為微軟正黑體
      微軟正黑體=Microsoft JhengHei
      新細明體 =PMingLiU
      細明體=MingLiU
      標楷體=DFKai-sb
      請輸入英文，勿輸入中文以免字體有錯誤*/

     .role-master{font-size:22px;}  /*"實況主"聊天室名字大小，建議與聊天室文字大小一樣*/

     .message-name{font-size:22px;} /*"觀眾"聊天室名字大小，建議與聊天室文字大小一樣*/




     .message-face{display: have;}  /*關閉人物頭像，如想顯示，把none改為have*/

     .nav-tabs{display: none;}  /*關閉聊天室分頁，如想顯示有多少觀眾，請改為have*/

    li.ng-scope {
    background-color: rgba(0,0,0,0.0) !important; /*背景，rgba(紅,藍,綠,透明度:0為完全透明)*/
    margin: 0px auto;
    }

a.logo {display: none;   /*不顯示Logo*/
    }

範例:

LINE 分享

小屋創作

日誌2016-04-17 22:49
【攻略】將巴哈聊天室顯示在OBS畫面上教學

相關創作

2024.04新手開局資源分配參考

【疫情】

【水之瞳】

留言

日誌2016-04-17 22:49【攻略】將巴哈聊天室顯示在OBS畫面上教學

相關創作

2024.04新手開局資源分配參考

【疫情】

【水之瞳】

留言

日誌2016-04-17 22:49
【攻略】將巴哈聊天室顯示在OBS畫面上教學