創作內容

6 GP

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

作者:9K│2016-04-17 22:49:25│巴幣:12│人氣:5573
由於巴哈聊天室已經停止服務

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

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

出時才能繼續使用

個平台去背方式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*/
    }





範例:



引用網址:https://home.gamer.com.tw/TrackBack.php?sn=3163757
All rights reserved. 版權所有,保留一切權利

相關創作

留言共 6 篇留言

小紅a
謝謝~~辛苦了~~~明天測試^^

04-18 04:33

9K
不會^^04-18 07:25
9K
105/4/18有對此文章做修改! 修復BUG
請在此日期前使用的板友們要記得更新唷!

04-18 18:27

巴哈姆特小管家
親愛的勇者:

感謝您對勇者小屋的支持,
我們會將此篇設定在首頁的精選閣樓中增加曝光。

--
巴哈姆特小管家 敬上

04-21 17:07

9K
好的 謝謝!04-21 18:01
小草
請問字體字型可以改嗎?還有陰影@@
因為我想把他跟我Youtube CLR所顯示的同字體
這樣比較方便觀看@@~~差一點字體邊的邊框顏色 THX

05-22 14:26

9K
您好 請問你知道你youtube的字體是哪一種嗎,我這邊晚點會替您測試,正常來說是可以的,只要多加語法進去就好05-22 15:49
9K
您好,已對語法進行修改,您可直接全部複製進行CSS替換,在CSS中間有聊天室文字字體、實況主名字字體、觀眾名字字體與聊天室文字粗細的語法可以進行調整,至於文字邊的邊框,不好意思CSS語法沒辦法做到,只能夠做到將整行文字加上個四邊形的邊框而已05-22 18:20
9K
105年5月22日更新CSS
加入聊天室名字、聊天文字字體、粗細修改

05-22 18:14

小草
感激不盡!

05-22 20:06

我要留言提醒:您尚未登入,請先登入再留言

6喜歡★p5822605 可決定是否刪除您的留言,請勿發表違反站規文字。

前一篇:零 真紅之蝶 -6結局全... 後一篇:單螢幕在遊戲中也能看到實...

追蹤私訊切換新版閱覽

作品資料夾

a70146噗嚕嚕~
嘟嚕嚕~看更多我要大聲說4小時前


face基於日前微軟官方表示 Internet Explorer 不再支援新的網路標準,可能無法使用新的應用程式來呈現網站內容,在瀏覽器支援度及網站安全性的雙重考量下,為了讓巴友們有更好的使用體驗,巴哈姆特即將於 2019年9月2日 停止支援 Internet Explorer 瀏覽器的頁面呈現和功能。
屆時建議您使用下述瀏覽器來瀏覽巴哈姆特:
。Google Chrome(推薦)
。Mozilla Firefox
。Microsoft Edge(Windows10以上的作業系統版本才可使用)

face我們了解您不想看到廣告的心情⋯ 若您願意支持巴哈姆特永續經營,請將 gamer.com.tw 加入廣告阻擋工具的白名單中,謝謝 !【教學】