創作內容

266 GP

【JS腳本】巴哈-深色主題(2019-07-04 修復快速回復框的顏色

作者:深海異音│2015-04-10 01:17:47│贊助:21,335│人氣:13521
(2019-07-04:修復快速回復框的顏色
(2019-03-26:修復哈哈姆特通知的顏色
(2019-03-08:新增「縮圖模式」的支援
(2018-11-25:修復哈哈姆特的顏色、優化版務界面
(2018-07-07:修復通知顏色、新增文章格式化功能
(2018-06-06:修復留言變成白色的問題
(2018-05-30:新功能,辨識已閱讀過的文章
(2018-05-25:簡化安裝流程,棄用Stylish,全部改採用js



電腦版巴哈姆特近乎純白的底色,看久容易讓眼睛疲勞
雖然巴哈已經有內建深色主題
但除了配色前衛外,使用後還會導致有修改過文字顏色的文章難以閱讀

我自己另外開發了這個「可自定背景圖片的深色主題」
內建「反轉文字顏色」的功能,所以使用後不會導致文章看不清楚




安裝方法


第一步:在瀏覽器安裝Tampermonkey,看你是什麼瀏覽器就點那個

Google Chrome: Tampermonkey

火狐: Tampermonkey
  

第二步:安裝js腳本,3個全裝

巴哈姆特深色主題
巴哈姆特深色主題 - 公會
巴哈姆特深色主題 - 首頁、登入畫面
  
之所以分成3個腳本是因為這樣才能在不同頁面,分別設定不同的背景圖片

第三步:替換自己喜歡的背景圖片,並微調顏色,避免文字看不清楚
教學網址:https://forum.gamer.com.tw/C.php?bsn=60076&snA=4555477
不想換背景圖片的人,可以略過此步驟



截圖



登入畫面



首頁



哈拉區



哈拉區(文章列表)


哈拉區(文章列表-縮圖模式)

公會





其他相關腳本

隱藏無意義的回文跟留言,像是:推、卡、私私私
並在螢幕上方顯示隱藏了幾篇文章,點擊後可把隱藏的文章顯示回來

以卡片式的UI來呈現文章列表

讓瀏覽器預設的「圖片瀏覽器」支援:滾輪縮放、拖曳移動、切換背景顏色



補充說明


用了這個之後,最好把巴哈內建的深色主題關閉,因為這是針對預設的白色主題進行覆寫

win10的Edge瀏覽器雖然也有Tampermonkey,但不保證能夠順利運行此深色主題
如果有發現BUG都歡迎回報


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

相關創作

留言共 170 篇留言

沙特爾
不明絕厲

04-10 01:19

深海異音
教學都放在 載點 裡面了,絕對不會不明04-10 01:22
沙特爾
讓我不明的是我為什麼會訂閱你XDDDDDD完全對你的文章或東西沒有印象啊


不過這篇真的是好文就是了

04-10 01:27

深海異音
可能是我發文頻率很低所以才忘了吧[e8]04-10 01:31
方淵僧
厲害 謝謝分享^_^

04-10 10:53

深海異音
感謝支持[e12]04-10 11:59
SacredK (つ´ω`)つ
超實用啊!!!!!!!

原本頂多只能把小屋背景改深色,但哈拉板和社團就不行,讓我眼睛看久不舒服

現在終於能解套了[e22]

04-10 14:13

深海異音
感謝支持[e12]04-10 21:57
冷氣開放歡迎入內
雖然我眼睛感覺還好..
但還是想用(當然想要看著巴哈也可以舔舔小愛

04-11 03:13

深海異音
真的,自定背景比較人性化
04-11 15:20
迷路的樹懶
小屋的GP看不到是哪一個了
真糟糕

04-11 10:06

深海異音
我這個並沒有修改到小屋,你設定有誤吧?04-11 11:46
迷路的樹懶
對了我連FB的也改掉了欸......求解=.= 有些還是白色有些黑色....

04-11 10:08

深海異音
哪個部分?04-11 11:47
迷路的樹懶
晚點回家劫圖。我好像所有網頁都套用了

04-11 11:51

深海異音
你漏了指定網址的設定,說明裡面有一張圖片有畫2個箭頭的,你找找看
04-11 11:56
喵喵不知道
想請問一下 怎麼把巴哈姆特的所有地方套用@@ 有點不太懂

04-11 21:02

深海異音
每一個頁面都必須做微調,不可能一下就讓巴哈全站都套用04-20 19:34
雒靈
我的文章列表那邊沒有改 是錯再哪裡Q_Q

04-11 21:19

深海異音
你直接用這個,進去後點擊【+ Install with Stylish 】就會安裝。
之前記得先移除。
(剩下2個我晚點再上傳到網路)
https://userstyles.org/styles/112515/css04-11 21:24
緋月
推一個[e12]

04-11 21:22

深海異音
感謝支持[e12]
04-11 21:28
緋月
CSS社團要設定【匹配正則的URL】這行:
http://guild.gamer.com.tw/guild.php?.*||http://guild.gamer.com.tw/singleACMsg.*

"||"直接打好像會錯,分成前後2個添加就解決惹

04-11 21:28

深海異音
()也要有啦,那是正則的語法。
(999||888)表示:999or88804-11 21:30
雒靈
好了耶 你好厲害ㄛ[e32]

04-11 21:37

深海異音
已新增剩下的樣式,一樣直接線上安裝
04-12 01:16
緋月
弄太快沒注意下面有註解

原來要有括號,難怪我怎麼打怎麼錯[e18]

04-11 21:40

小光尼
請問Stylebot這個能夠共通嗎,我後來都用這個,因為可以簡單修改網頁文字大小
但手動增加CSS
14行會錯誤
@namespace url(http://www.w3.org/1999/xhtml);

04-15 09:52

深海異音
那行不重要,拿掉04-15 10:05
小光尼
我就照著把錯誤的都刪除,貼上成果
14行
@namespace url(http://www.w3.org/1999/xhtml);
16行
@-moz-document url-prefix("http://forum.gamer.com.tw/") {
48行
@-moz-keyframes myGradual {
0% {opacity: 0.4;}
100% {opacity: 1;}
}
409行
}
http://i.imgur.com/2jokiWi.jpg

04-15 11:35

深海異音
14行是廢話,我也不清楚幹啥的;
16行是指定網址;
48行是動畫css.

話說你覆寫小屋!?04-15 11:40
小光尼
覆寫?我看不懂耶= =
只是Stylebot說錯誤部分,我都刪除
社團也OK了
http://i.imgur.com/jE1fXUr.png

04-15 11:50

深海異音
覆寫就是把原有的覆蓋掉(程式術語,大概吧..)
04-17 01:27
快來拍打餵食OwO
感謝分享^^

04-17 00:34

深海異音
有好東西當然要分享[e12]04-17 01:30
玉藻 ♥ みさき
讚!!!

04-17 07:06

深海異音
感謝支持[e12]04-20 19:32
小光尼
剛剛才了解複寫小屋這句...原來CSS不包括小屋
自己搞錯,把所有都包了,跪
--我的背景只有黑色耶,CSS里面16行有圖片網址說
http://i.imgur.com/6Zch4Gx.jpg

04-20 11:32

深海異音
我覺得你還是用stylish可能會比較好。不然我不能確定問題是出在我寫的語法,還是你改過了才導致的問題04-20 19:31
喵喵不知道
因為我套用一個哈拉板 但是裡面文章無反應

04-20 19:58

深海異音
現在改成線上安裝,你試試看
(之前不小心漏看你的留言才會拖這麼久[e3]04-20 20:01
喵喵不知道
恩恩 沒關係 我等等來試試看 先做理化

04-20 20:12

小光尼
恩,去嘗試了下,發覺竟然是一樣問題...
不過去用新版的chrome原生,就有背景圖了
看來是我楓樹chrome太舊的關係...
---
剛把這行砍掉,成功了!原因不明
只是比照網路教學,把多的弄掉
linear-gradient(180deg,rgba(0,0,0, 1) 0%,rgba(0,0,0, 1) 100%),

04-20 20:20

深海異音
這行是為了把圖片加深,然後因為你【rgba(0,0,0, 1)】這表示全黑,如果要半透明應該是【rgba(0,0,0, 0.5)】04-20 20:25
小光尼
好像砍道回應...sorry

04-20 20:21

小光尼
原來如此,背景半透明
看來舊版chrome不支援,感謝..
只能自己改圖片了
http://i.imgur.com/w5LXoeT.jpg

04-20 20:31

深海異音
其實可以在html標籤放背景圖,body用半透明背景色,這樣就算是舊版瀏覽器也能支援,不過如果沒有常常換背景圖的需求其實沒改也沒差04-20 20:34
小光尼
html阿..高中學過皮毛,都成回憶
所以CSS也可以放html語法囉,了解。
等也試試gif動圖

04-20 20:45

深海異音
你可以改成這樣,如此一來既可以把背景圖片加深,又可以支援舊版瀏覽器
http://i.imgur.com/y2nHusr.jpg
04-20 21:07
深海異音
html{
/*背景圖片,修改【url()裡面的網址即可】*/
background: url(https://farm9.staticflickr.com/8722/16882248497_264b4f4321_b.jpg)!important;

background-attachment: fixed !important; /*固定位置*/
background-position:center top!important; /*對齊位置*/
background-repeat: no-repeat !important; /*不重複*/
background-size: 100% auto !important; /*圖片大小*/

background-color: #222 !important; /*背景顏色*/
}

body{
background:none!important;
background-color: rgba(0, 0, 0, 0.70) !important; /*加深背景圖片*/

/*漸變特效(畫面緩緩顯示)*/
-webkit-animation:myGradual 0.4s;
/*-moz-animation:myGradual 0.4s;*/
}04-20 21:09
小光尼
的確可行,感動!
剛在測試opacity: 0.4,會改變所有,沒法用
想問[漸變特效]是表現在哪裡?

04-20 21:34

深海異音
那個是開啟網頁的時候,會讓網頁緩緩浮現的語法,就像這個影片最後進入首頁時那樣
https://youtu.be/GPhyCkYYBCg?t=13s04-20 21:38
深海異音
單獨【opacity: 0.4;】這句話則是透明40%的意思,如果加載body標籤,那麼整個網頁看起來就都會變成半透明04-20 21:40
小光尼
了解!
本想嘗試不改變小屋,蓋一層半透明加深顏色,可惜小屋圖片在上層沒法蓋~
body {
background-color: #222 ;
background: opacity: 0.4;
}
恩基本都OK了

04-20 22:08

皮卡啾
感謝感謝 白色對眼睛整個超傷==

06-12 20:22

深海異音
真的。
灰色就算了,純白色根本要命06-12 20:28
小柯
[e18]別人的小屋還是看不到字

08-27 14:38

深海異音
這個並不會修改小屋的樣式[e8]
如果不是那個人的小屋本來就設計的看不到字,就是套用到奇怪的地方上了...08-27 15:18
力求褶疊的給我BP
有些文章的字還是黑色
有些是白色 請問是哪裡有錯嗎?

10-02 21:19

深海異音
哪裡,網址給我看或者是截圖10-02 21:22
阿喵 ❖ 協奏曲
相當實用,讓我擺脫白底的困擾啊!
感謝大大,話說會推出把對方小屋的主題也改成暗色系的主題嗎?

12-14 17:16

深海異音
怎麼可以去破壞別人小屋呢 哈哈。
(其實是因為沒辦法確認他原本是什麼底色,所以無法自動判斷是否該反轉文字的顏色,可能導致某些人的小屋會看不清楚文字12-14 20:27
阿喵 ❖ 協奏曲
原來是這樣,問題有些人的小屋字色也沒有跟著背景調整,或者因為背景很雜亂而使文字看不清楚...
只能說是布景設計不良吧~
辛苦啦~ 看你布景後面那隻羊跳來跳去好搞笑,哈哈哈哈[e12]

12-14 20:33

深海異音
我當初也是想把小屋弄成深色的,不過之前發的文章每一篇重改顏色,實在太麻煩了就還是弄回亮色系。
(雖然看起來蓬蓬的,不過這個是馬。毛毛小馬12-14 20:42
阿喵 ❖ 協奏曲
對吼~你沒說我還沒發現,明明是提供調暗補丁的人,自己的小居然是亮色系
這時我才發現,這毛毛小馬一定是障眼法,眼睛盯著他看,跳啊跳的都忘記小屋是的亮度了XDD

12-14 20:52

深海異音
對R,的確是障眼法。
既然不能用深色,就想說弄活潑一點[e12]12-14 21:08
賢者
...... 手機怎麼處理?

01-28 19:23

深海異音
手機不能用。
手機的火狐是能用啦,可是用了會慢到想砸了手機...01-28 19:46
我的槍傻未免太過可愛
圖片似乎又會不見了?

02-26 19:20

深海異音
我測試是正常的啊,Firefox、chrome都沒有圖片消失的現象。
是不是你adblock的關係呢?02-26 20:24
我的槍傻未免太過可愛
好的,我試試看

02-26 20:29

我有病
請問使用此主題 遇到某些文章顯現的文字顏色跟背景圖顏色很近
要反白才能看到文章內容 該如何修改??

03-08 17:51

深海異音
有用反轉文字顏色的JavaScript嗎?03-08 22:36
我有病
文章看了一遍才發現作者有提出解決方法 真是非常抱歉 (汗
原本只有從火狐上的STYLISH上直接抓樣式 沒注意到有這解決方法

03-09 23:32

koneko
有沒有辦法做出APP的@@

06-21 20:12

深海異音
應該是不太可能,巴哈手機版網頁改版頻率很頻繁。
我試過 在手機用火狐開電腦版網頁,會卡到讓人很想摔手機。
06-21 20:16
御風
請問一下喔
為什麼場外的水桶那欄沒有移除
搜尋那格就會不見
想同時都在的說 [e3]

07-14 10:09

深海異音
不太懂你的意思耶,我是設定成【隱藏水桶,我沒有動到搜尋】。
你是要讓水桶可以顯示嗎?07-14 10:25
御風
對 但我自己小調一下 把水桶弄出來 但搜尋也不見了

07-14 10:37

深海異音
差不多在90行那邊找找看
http://i.imgur.com/h46BScb.png
07-14 10:44
深海異音
可能會+-20行,因為我用的是火狐,真的找不到的話,直接搜尋(ctrl + F)【水桶】,就能立刻找到07-14 10:45
御風
有了 感謝 原來是我沒刪乾淨 留了下面那行

07-14 10:47

無星之夜
卡晚點看

07-20 01:09

杰哥
Opera可以用嗎? 安裝了但沒用QAQ

08-22 20:34

深海異音
我之前測試可以捏09-14 15:34
不知道取捨麼ID
這個太強大了 不過app的應該改不了

09-14 11:38

深海異音
我試過會很lag09-14 15:33
不知道取捨麼ID
摁。。。這樣的話也沒辦法呢 感謝測試( ´▽` )ノ

09-14 15:39

Phoenix
請問一下 深色主題 莫名其妙的便回原本的白色主題了

我把原本的刪掉 重裝 照步驟走

也還是一樣

請問是怎麼了@@

10-26 11:20

深海異音
修好了,進到安裝的網址手動更新就行了
10-26 13:57
深海異音
順便說一下,反轉文字顏色的js也需要更新10-26 14:51
Phoenix
反轉文字顏色的步驟是

https://www.codepile.net/pile/pzl1MNxl

進到上面這個網址 然後把裡面的東西複製一次

再去 Tampermonkey 把舊的刪除 貼上 是這樣嗎

謝謝作者~~

10-26 15:08

深海異音
對的10-26 15:11
你剛剛說什麼
請問文字顏色碼要貼到哪裡

10-26 15:18

深海異音
原本有安裝一個反轉文字顏色的js,把那個砍掉重新安裝,或是覆蓋原本的內容然後存檔。
(如果忘記怎麼做了,可以下載教學檔,那個我也有更新了10-26 15:22
Travel
感謝
照著留言去操作解決了

10-26 18:05

御三家
本來就想用 但今天才用 相當不錯呢 這我還不贊助個1000巴幣?[e17]

11-04 22:29

深海異音
感動11-04 22:45
御三家
不過哈拉板上面的20周年賀詞 css-巴哈姆特-深色主題 用了後反而字會變成看不清楚 這方面請問有辦法解決嗎? 雖說不是大問題 只是看了不太爽

11-04 22:59

深海異音
本來想說那個應該沒人再看就懶得用了,既然既反映了,我當然就只好改了11-04 23:06
御三家
剛剛又發現 在打開文章嵌入的影片時 會先閃過自訂的巴哈背景畫面再出現影片 有辦法讓他回復成本來的黑畫面閃過再出現影片嗎? 一樣只是看了不太爽 抱歉問題蠻多的= =

11-04 23:05

深海異音
你用的是chrome嗎?
我用火狐沒遇到這問題(還是說我網速太快[e8]...11-04 23:09
御三家
是的 Chrome 然後網速 20M 要是沒辦法也就算了 習慣的問題而已 還有謝謝你幫改賀詞了[e12]

11-04 23:13

深海異音
20週年的部分用好了。更新就行了

影片的部分可能就沒辦法了,chrome禁止對iframe進行樣式覆寫11-04 23:44
深海異音
不過也不是完全沒辦法啦,只是這樣子做我怕巴哈把原始碼做微調就導致整個失效,所以不敢用上去給人更新。要的話你可以自己修改11-04 23:47
深海異音
開啟【css-巴哈姆特-深色主題】進入編輯狀態。
把【body{】改成【html[xmlns="http://www.w3.org/1999/xhtml"] body{ 】
http://i.imgur.com/7iByJ6I.png11-04 23:49
御三家
影片成是成功了 但背景會變成本來的白底XD 還是謝謝你了 這方面我會習慣的[e12]

11-05 00:00

深海異音
注意我 body 前面有空格11-05 00:01
御三家
有注意了 我直接複製貼上的 你留言有空格 我這次也特別注意了 但就是這樣
http://i.imgur.com/KTTHgRN.jpg
http://i.imgur.com/gCfs5Ax.jpg

11-05 01:35

深海異音
改成這樣應該就沒問題了【 html[xmlns] body{ 】11-05 01:41
深海異音
http://i.imgur.com/vk7rOuo.png11-05 01:41
御三家
OK了 這樣就比較習慣了 感謝 花你這麼多時間來解決

11-05 01:49

x小咪x-%%%
很謝謝大大的更新
另外 想請問 之前 社團的頁面
能夠 把上方的 【內容介紹】版面 做捲軸式 有些社團 版面太長 每次重整 都要拉一段
不知道 如何加上

11-12 05:05

深海異音
我之前有用,不過後來巴哈不知道改了什麼東西,導致一進社團時,不會顯示在第一篇文章的位置而是中間的位置。
(應該是javascript計算頂端那個框的高度來捲動捲軸11-12 09:58
深海異音
有著個bug後我就拿掉這功能了。
整個內容介紹移除掉似乎可以解決問題,但是就是擔心一些重要訊息會漏掉,所以才沒有採用11-12 10:00
x小咪x-%%%
原來跳到中間是BUG 了解。
謝謝回應!

11-12 18:07

王樣
大大是好人 一輩子平安

12-28 02:38

拉提沃
強迫症挑個錯字…Chromeˊ∀ˋ

01-10 13:01

深海異音
看到了感謝提醒01-10 20:13
拉提沃
應該要說不只一個chrome XD

01-10 20:17

深海異音
這次真的改好了...
01-10 20:33
暗月
chrome的js腳本那邊在tampermonkey有很多警告
像是沒分號 !== ===的問題

03-21 22:48

深海異音
應該不影響執行吧,所以懶得去弄...03-21 22:54
Rest
請問ie能否適用呢?

04-01 22:31

深海異音
我也想,但是我沒有找到可以執行javascript還有覆寫CSS的附加原件
04-01 22:34
Rest
那也就只能用奇糯米了 很佔記憶體

04-01 22:41

Meliodas
讚,謝謝分享

04-05 02:44

三日月 カナメ
好奇怪 我改背景 只有你的圖片我才有辦法用
我以為是這1024x585 .jpg得問題 改了也不行
把桌面上的圖片拉成網址也不行
(我是想用這張看看http://imgur.com/a/wX0ar
還是這網址有神麽問題嗎

https://farm9.staticflickr.com/8722/16882248497_264b4f4321_b.jpg
現在用的是這張

04-11 11:50

Meliodas
深海大,今日巴哈改版後,上面的文章搜索列字會反白看不到
是否有要做更新呢? 這個超好用的

05-15 21:28

深海異音
剛剛才看到...
現在還有這問題嗎05-21 21:41
Meliodas

05-21 21:45

深海異音
方便截圖我看嗎,因為我不確定你說的是那一個網址
05-21 21:46
Meliodas
如果有篩選過作者或找M文,那就是正常的狀態
不過如果單純用全文搜尋,字好像就會被反白[e15]
http://i.imgur.com/CuECK0p.jpg
http://i.imgur.com/uOcQUn0.jpg

05-21 22:00

深海異音
5/15有更新,你的是最先版的嗎
我目前這邊文字是黑色的
(我忘了修改前文字是什麼顏色了[e8]05-21 22:04
Meliodas
謝謝回覆,看來應該是我這邊的問題
打擾了,謝謝你做的這個程式 好用

05-21 22:13

深海異音
有解決問題就好[e12]05-21 22:33

巴哈又更新了舊搜尋,搜尋完會多一個搜尋建議,我直接把它隱藏了,順便問一下哈拉區搜尋拉下來那邊的顏色可以改嗎?
https://images-ap.curseapp.net/be4759ea-ae35-42b7-bd0f-fb04dec9f5c4/blob.png
https://images-ap.curseapp.net/d6a204a3-d0a5-4604-ad0f-6311683c0817/blob.png

07-07 15:25

深海異音
拉下的顏色改好了,更新這個試試看
https://userstyles.org/styles/112515/css07-07 22:59

OK了 感謝更新

07-07 23:40

貝果-Just HatsuneMiku
是說巴哈有新版介面
要跟上嗎

08-12 22:22

深海異音
等他正式上線吧。
測試版一直變動,這麼頻繁的維護我可吃不消...08-12 22:25
貝果-Just HatsuneMiku
快了快了
14號要上了

08-12 22:27

深海異音
原來這麼快,一直懶得點他那個測試按鈕的說[e8]08-13 00:03
深海異音
終於趕在14號結束前弄好了08-14 23:03
濱菊
感謝大大[e3]
新版會跟上就放心了,白色主題看沒多久就會不舒服

08-14 22:30

深海異音
已經好嘍08-14 23:02
貝果-Just HatsuneMiku
丟了1000巴
他會自動更新嗎?
不然就要隱藏再公開此篇刷通知囉

08-14 23:15

深海異音
stylish 我記得是會自動更新的樣子,話說隱藏後再公開應該不會回收巴幣吧?
08-14 23:18
齊珍憶
朝聖

08-14 23:17

深海異音
感謝支持[e12]08-15 00:03
濱菊
有了有了,大感謝!!

08-14 23:20

深海異音
感謝支持[e12]08-15 00:03
貝果-Just HatsuneMiku
應該不會吧

08-14 23:23

深海異音
試了的確沒減少08-15 00:03

覺得新版太寬==
不論是左右、上與下也是

08-14 23:56

深海異音
我也這樣認為,可是不是很想動這塊,怕跑版..08-14 23:59
齊珍憶
背景圖我已更換成功 只是想不懂 我的圖片節連結就一行而已 你那個怎會那麼大一串

08-15 00:10

深海異音
圖片空間有些不穩定,所以我直接把圖片編碼成純文字,這樣就可以不依賴任何圖床來設定背景圖片08-15 00:13
深海異音
http://dataurl.net/#dataurlmaker
08-15 00:13
齊珍憶
再問
任何可貼圖片連結的地方 都可用這種方法嗎?

08-15 00:20

深海異音
這個是一種叫base64的圖片編碼方式,理論上只要是新瀏覽器就都支援(就是只有IE8不支援的意思)08-15 00:23
深海異音
不過應該不能用在論壇,像是巴哈就設計成圖片或超連結必須『http』開頭,這樣這種base64圖片就無法使用。
而且還必須考慮長度,隨便一張100k的圖片轉出來的文字都會超過巴哈回文的8000字上限08-15 00:25
齊珍憶
已獲得該技能 感謝[e19]

08-15 00:26

依水
深色的主題可以依照喜好改顏色&深淺嗎?我所指的非背景圖片而是框架

08-16 13:54

深海異音
我也想這麼做,可是不知道stylish的設定語法...08-16 14:27
深海異音
stylish 有找到相關的語法,不過這個瀏覽器插件本身還在測試階段,所以暫時不考慮。
或許可以用純JavaScript處理看看,下次試試看08-16 21:56
深海異音
純JavaScript的話,需要考慮的東西比較多(載入順序不同,會影響輸出的最終結果),一時也沒辦法弄出來,還請見諒08-16 21:57
暗月
文章回復的"引述"部分不會反轉到

08-23 23:17

深海異音
灰色反轉都當然還是灰色[e8]08-23 23:20
深海異音
不過這的確會造成灰色背景難以閱讀,之後可能改成『灰色自動加上白底』,藉此增加辨識度08-23 23:21
Yuwennnnnnnn
謝謝謝謝

08-24 12:36

三億億萬公斤的水星
感謝作者大大更新了新版介面
這邊小小建議一下預設圖片可以改成短一點的網址的圖片XD
當然這只是小建議而已>.< 感謝大大的付出

08-27 00:11

深海異音
那個不是網址哦,那個是一整張圖片,所以才會那麼長
就是把圖片轉成純文字的狀態來儲存(base64)
這麼做有兩個好處:
1.避免某些圖片空間不穩定導致圖片顯示不出來
2.無延遲載入圖片08-27 00:15
深海異音
用這個網站就能把圖片轉換成純文字的狀態(base64),不過建議先把圖片壓縮到200k以下,不然文字會長到嚇死人
http://dataurl.net/#dataurlmaker
08-27 00:17
貝果-Just HatsuneMiku
可以附註一下
火狐57後需要使用Stylus才能使用
https://addons.mozilla.org/zh-TW/firefox/addon/styl-us
因為Stylis不支援57

09-30 00:53

深海異音
57這麼多東西不能用哦...
我現在人在外面,後天再研究看看09-30 01:20
貝果-Just HatsuneMiku
然後其他一切都照原本的方式即可

09-30 00:53

貝果-Just HatsuneMiku
還蠻多的
但大部分應該都能找到替代品
搞不好還能拿Chrome的附加元件來裝

09-30 01:26

深海異音
我還是等到正式版在測試好了,火狐57感覺某些東西還沒橋接好才會讓10-05 22:33
深海異音
這麼多東西不相容,之後應該會改善。
如果真的是沒辦法相容舊版的大改版,之後應該會換另一個名字讓使用者決定是否下載另一種核心的火狐,而非直接從56更新成57更新10-05 22:34
暗月
因為這篇的關係可能有東西需要改
https://forum.gamer.com.tw/Co.php?bsn=60404&sn=81815
我覺得主要需要改的有
.content-edit的背景顏色
.tag-user>.username的文字顏色

10-05 19:43

深海異音
修好了,更新就行了
https://truth.bahamut.com.tw/s01/201710/7c651b44e2388df49955c7b89f637ad6.PNG10-05 22:30
貝果-Just HatsuneMiku
沒有吧
他是要直接更新成57沒錯
是有變成叫做Firefox Quantum啦

10-06 00:07

深海異音
我收到最高的更新只有到56,57應該還只是測試版吧?10-06 00:24
貝果-Just HatsuneMiku

57目前是beta
11月才會推到正式版去

10-06 00:34

阿睿
不知道是不是BUG 用電腦版的哈哈姆特不EY不能跟別人決鬥

10-26 01:08

深海異音
現在電腦版文章列表的哈哈姆特好像失去同步更新資料的功能了,要直接開啟網頁版的哈哈姆特才有效果
https://haha.gamer.com.tw/10-26 01:13
ljós fótatak
OPERA回文看不到自己打的字 正常的ㄇ

11-02 22:50

深海異音
當然不正常...
截圖我看看11-02 22:52
ljós fótatak
https://imgur.com/E54B4ql 我只用了stylish的

11-02 23:19

深海異音
我測試正常捏,你檢查看看是不是裝了什麼會衝突的瀏覽器附加原件,或其他stylish的樣式
https://i.imgur.com/3bcozAP.jpg11-03 15:15
ljós fótatak
重裝就好了 3Q

11-03 15:42


剛剛打開FIREFOX的時候發現stylish+CSS樣式被更新了
之後出現了一些奇怪的問題 網頁改的不完全 想請問一下是stylish問題還是其他的東西造成的
https://imgur.com/Wln9NiI

11-12 13:08

深海異音
我也正在研究這個問題,不過正在弄論文,所以可能再觀察個幾天11-12 16:03
深海異音
感覺很像是stylish的問題,因為改用js來套用樣式並沒有這樣的bug11-12 16:04
沁甜花香〃
分享一些好像沒列到,我實測過有成功的部分 CSS。

左邊的有小龍圖示的淺綠色標題可以這樣改掉:
(哈啦區達人專欄、社團內容介紹)

#BH-master h4 img
{
visibility: hidden;
}
#BH-master h4
{
background-color: #111 !important;
color: #FFF !important;
}

天頂私信、公會、訂閱看板隔開的藍綠色框線可以這樣去掉:

.TOP-my ul li
{
border-color: #000 !important;
}

11-16 13:47

深海異音
最近因為事情比較多所以回的有點晚
晚點我更新一下瀏覽器再研究看看這是什麼11-19 20:02

回報一個奇怪的問題 就是有些人的簽名檔會跑出CSS
像這樣 https://imgur.com/5Sw0fL0

之前那個沒套用到的BUG 更新到FIREFOX57就恢復正常了

11-19 19:21

深海異音
好哦,我試試看把火狐升到57
不過那個會跑出CSS這個感覺可能無解就是了
簽名檔是iframe,簡單來說就是在網頁裡面嵌入另一個網頁,會冒出CSS,除了stylish本身的BUG外,我也想不出其他原因11-19 20:05
深海異音
說來也奇怪,我56版的時候還有看到這個BUG,升到57後就都沒看到;
不知道是運氣太好都沒有遇到,還是這個BUG已經隨著更新被修復了11-20 03:16
閒事新手
有機會多加哈哈姆特不EY網頁的背景修改嗎?

01-06 22:08

深海異音
那個感覺目前還不穩定,巴哈更新頻率頗高,而且最近有些事情在忙。
之後在視情況而定吧,短期內應該是不會做這塊01-06 22:13
Julian廖
想問個,通知或訂閱欄想調成不會透視到背景,應該要怎麼調。

01-18 18:23

深海異音
修改背景顏色。
background-color: rgba(0, 0, 0, 0.70) !important;
上面語法的意思就是黑色,然後透明度70%
要不透明就改成rgba(0,0,0,1),紅色就rgba(255,0,0,1)01-18 20:52
深海異音
不過我不太清楚你的『通知或訂閱欄』是指哪裡,可能需要截圖我看才能給你明確的改法01-18 20:54
Julian廖
就是右上喇叭圖示點開的那邊

01-19 00:21

深海異音
這樣就是純黑色
.TOP-msg{
background-color: rgba(0, 0, 0, 1) !important;
}01-27 00:52
Poetic
感謝大大拯救了我的眼睛

03-28 11:48

這些機會都不是你的
把圖片網址插入會有錯誤碼

03-29 19:29

深海異音
截圖我看03-29 19:53
Julian廖
想問一下,安裝的主題突然消失可能是因為甚麼,重新點下載也沒有顯示。

04-15 16:42

深海異音
瀏覽器附加元件的bug,我也不知道為啥
04-15 16:44
Julian廖
所以是暫時無解嗎,話說這是個案還是全都出事。

04-15 17:15

深海異音
我用火狐,stylish經常莫名其妙突然把某個網站已經安裝的樣式刪除,不過倒是沒有刪到巴哈的,找不出觸發的原因
之後考慮改成純JavaScript,stylish愈來愈多死人問題....04-15 17:20
阿秋
Firefox Quantum 留言有時會變白色

04-15 22:29

深海異音
你可能需要附一張圖片,我才能明白這是什麼情況04-15 22:33
阿秋
http://nt66.com.tw/cashboss66/upload/1523867091x3544989816.jpg

04-16 16:25

深海異音
這個是stylish這個瀏覽器附加原件的BUG,之後會考慮直接用JavaScript來插入樣式,應該可以解決這個問題04-16 16:27
無星之夜
https://i.imgur.com/o8XMTYK.jpg
這是我的問題嗎

04-17 00:31

深海異音
你怎麼辦到的....04-19 00:26
[B.M] 圓周率314
發現純打字的簽名檔 沒有反白

04-19 00:25

深海異音
因為簽名檔是iframe,CSS樣式沒辦法套用,不過之後我會試著改成用純JavaScript修改樣式,或許就能解決這個問題04-19 00:27
[B.M] 圓周率314
好 真是秒回

04-19 00:30

無星之夜
把其他都有的沒的都停用了

http://i.imgur.com/w8HSeCt.jpg

但往下捲動還是會

https://i.imgur.com/6oR1Nk6.png

04-19 01:30

深海異音
一般來說都是類似adblock這類阻擋廣告的附加元件才會引起這麼嚴重的跑版如果不是這個原因的話,試試看:
使用其他瀏覽器開巴哈
把火狐的暫存清理
04-19 01:36
凡凡 fanfan
套用樣式後 登入介面還是會像原版的一樣 請問該怎麼解決呢?

05-04 10:14

深海異音
截圖我看,包含網址列也要進去05-04 15:46
凡凡 fanfan
https://i.imgur.com/cRW0RTb.png

05-04 16:08

深海異音
修好了
https://userstyles.org/styles/112524/css05-06 21:56
貝果-Just HatsuneMiku
第一行打錯惹
(2018-20-15:修正首頁的『新年特效』
應該是
(2018-02-15:修正首頁的『新年特效』
看到的時候愣了好幾秒

最近新版哈啦區發文界面上線
新界面是白底
所以預設文字顏色(黑轉白)剛好看不見
再麻煩您改一下~

05-17 18:08

深海異音
stylish問題太多了
我想要改成用單純用js就能套用樣式,所以可能需要點時間
05-17 19:11
宇御(ㄊ圓)
目前電腦版哈拉區得發文頁面改版的關係
(公告:https://user.gamer.com.tw/notice_detail.php?sn=594)

改版後的模樣
https://cdn.discordapp.com/attachments/377390334109417482/447655232919306240/2.png

假如還套用著「巴哈-深色主題」的話,版面格式會跑掉變成這樣
https://cdn.discordapp.com/attachments/377390334109417482/447654868077903872/09a804d248ee753d.png

雖然目前可以用切回舊版來暫時解決該問題,只不過之後應該就不行了。

05-20 15:10

深海異音
好的感謝提醒。
這次打算改成用純js,所以花的時間比較久,stylish實在太多BUG了...05-20 22:11
貝果-Just HatsuneMiku
已裝已裝
另外發文頁面好像沒有改到?

05-27 02:33

深海異音
暫時拿掉的,那個頁面現在正處於巴哈的測試時期,等到正式版上線再去處理05-27 02:54
你剛剛說什麼
進來給GP

05-27 02:35

深海異音
感謝支持05-27 02:55
CToID
太讚啦

05-27 08:30

深海異音
感謝支持05-27 20:55
奈亞子
我是用Violentmonkey安裝的,目前沒發現什麼問題...也可能因為我用的功能少所以沒發現[e24] firefox 57

05-27 15:15

深海異音
我也不是很清楚這些執行JavaScript的瀏覽器附加元件之間的差異,不過能用就好05-27 20:55
Coco目を覚ませ!
公會留言另開的頁面還是白色的背景
好像沒有改到的樣子

05-27 20:07

深海異音
對耶,感謝提醒05-27 20:46
Julian廖
問個,新版要把右上喇叭點開那的背景變成不透明要改哪邊R?

05-30 02:39

深海異音
截圖我看看05-30 02:49
Julian廖
https://truth.bahamut.com.tw/s01/201805/611e8baf42e3ef7b1854423ea0386f6f.JPG

05-30 03:09

深海異音
https://truth.bahamut.com.tw/s01/201805/bfc1e0aa7af7f8828e0ef75b41c02d10.PNG05-30 03:24
深海異音
css+=".TOP-msg { background-color: rgba(45,45,45,1) !important;}";05-30 03:24
深海異音
rgba(45,45,45,1)這裡是顏色,例如
rgba(0,0,0,1)就是黑色
rgba(255,0,0,1)就是紅色05-30 03:25
深海異音
如果不知道怎麼控制顏色的話,可以用這個網站產生的顏色代碼
像是 #00FF00 這種色碼也可以輸入
https://htmlcolorcodes.com/05-30 03:28
Julian廖
話說首頁的通知介面有辦法也改成深色的嗎? 就只有這個找不到上面那行

https://truth.bahamut.com.tw/s01/201805/99980ccca45a41e05f47231b9ae2e223.JPG

05-30 11:02

深海異音
很少待在首頁,忘了改那裡的通知界面[e8]05-30 14:05

巴哈好像又更新了一些東西
滑鼠移到留言上面底色會變白
https://i.imgur.com/r9Ah37o.png

06-05 17:04

深海異音
對R,真是麻煩[e8]
晚上回家再處理06-05 17:12

那個留言的我弄好了
我改成
.c-reply__item:hover{background-color:rgba(0,0,0,0);}

06-05 17:36

Lily らい
新ㄉjs是不是就不能在stylish管理樣式裡面設定了
要怎麼更改自己的圖片呢[e1]

06-09 00:41

深海異音
https://forum.gamer.com.tw/C.php?bsn=60076&snA=455547706-09 00:43
LINE=aze19900715
如果要改成全黑呢?
因為我真的不喜歡背景有圖片

06-11 22:48

深海異音
var 背景圖片上面的漸層顏色 =
"linear-gradient(90deg, rgba(45, 45, 45, 1) 0%, rgba(45, 45, 45, 1) 100%)";06-11 22:49
深海異音
這篇教學裡面有提到。https://forum.gamer.com.tw/C.php?bsn=60076&snA=455547706-11 22:50
深海異音
這次統一所有半透明的區塊顏色為rgb(45,45,45),所以當背景也設定成這個顏色,半透明的區塊看起來就會像是只有框線,看起來會比之前的更加整齊06-11 22:54
LINE=aze19900715
改成
"linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 100%)";
就真的全黑了

不過把博士跟助手遮起來也不太好意思
那100%的a還是改0.2好惹[e29]

06-11 23:02


有個字色沒改到,名稱是unset,顏色是#000000
https://i.imgur.com/rwzsAyw.png

06-23 22:29

深海異音
居然還有這種鬼東西[e8]
晚點處理06-23 22:40
深海異音
跟著這次改版一併修好了07-03 06:28
貝果-Just HatsuneMiku
哈啦區右下角有一個哈哈姆特的按鈕
從那裡點出來的聊天室人名會是和底色一樣的白色看不見

06-23 22:54

深海異音
晚點修正06-23 23:00
深海異音
跟著這次改版一併修好了07-03 06:28
沼躍魚
今天改版之後整個顏色變得很奇怪[e3]

07-02 16:02

深海異音
晚點處理,正在趕期末作業..07-02 16:06

支援一下,今天改的東西我用stylish修了
https://pastebin.com/raw/uAt0Ng12

07-02 18:55

深海異音
太好了,省了好多事07-03 06:27
Julian廖
https://truth.bahamut.com.tw/s01/201807/b4266e65e8ef4a86d860a90fc700645d.JPG

這次介面改版完,這一欄就不會跳出來了,想問一下能從哪邊改。

07-03 09:54

深海異音
工會社團還沒修07-03 15:32
貝果-Just HatsuneMiku
感謝 通知真的亮到炸眼

07-03 11:24

貝果-Just HatsuneMiku
巴哈好像又改了通知顏色= =
再麻煩你了

07-03 20:50

FB搜尋圍爐粉絲團
太優質 為什麼GP只能一個

07-08 14:37

屁精
可以問一下 怎麼將中間這欄位調成非透明嗎? 就文章列表 內文 這行@@

07-17 02:57

深海異音
你還是截圖吧
07-17 02:58
屁精
https://imgur.com/a/cDYirBD

07-17 03:04

深海異音
https://i.imgur.com/5WN3hK1.png
07-17 03:18
深海異音
css += ".b-list {background: #222222 !important;}";07-17 03:19
深海異音
#222222 是顏色,就是「色碼」,可以用這個網站來產生色碼
https://htmlcolorcodes.com/07-17 03:21
屁精
太感謝你了~~~ 有夠厲害 ! gp奉上

07-17 03:26

貝果-Just HatsuneMiku
公會那邊的通知文字顏色和背景都是黑色

08-04 23:44

深海異音
有時候會這樣,重新整理就好了
不過我還是改一下,處理一下這個問題好了08-04 23:50
貝果-Just HatsuneMiku
我好像看到蠻多次了
剛剛去重整也還是黑der

08-04 23:52

深海異音
好了
https://greasyfork.org/zh-TW/scripts/368416-css-%E5%B7%B4%E5%93%88%E5%A7%86%E7%89%B9%E6%B7%B1%E8%89%B2%E4%B8%BB%E9%A1%8C-%E5%85%AC%E6%9C%8308-05 00:12
貝果-Just HatsuneMiku
對了 巴哈已經內建了圖片拖曳上傳
所以原本寫的可能會無效?

08-04 23:53

深海異音
其實我也沒有做什麼,只是讓改寫css讓本來被隱藏住的input標籤顯示回來而已08-04 23:56
深海異音
現在那一整個區塊都消失了,就變成css樣式沒有作用而已,不會影響巴哈的操作08-04 23:57
貝果-Just HatsuneMiku
ok惹 QQQ

08-05 00:22

望月
感謝 巴哈看久了眼睛真的會很痛

08-31 23:27

Julian廖
想問一下,公會社團有修復了ㄇ,感謝。

10-06 11:58

深海異音
不太確定是指哪一個部分耶,是通知選單的文字顏色看不清楚嗎,還是?10-06 17:28
Julian廖
https://truth.bahamut.com.tw/s01/201807/b4266e65e8ef4a86d860a90fc700645d.JPG

簽到和選項的那一欄會直接消失,跳不出來。

10-06 17:50

深海異音
有的,已經修好了10-06 17:52
凡凡 fanfan
不好意思,我的哈拉區背景圖片最近兩天開始會自動變回預設的動物朋友圖片,請問該怎麼解決這問題?

10-26 07:36

深海異音
這幾天我更新腳本才會這樣10-27 01:25
⛅新的旅程•即將展開
裝這個會影響瀏覽效能嗎?感覺似乎有點變卡了

11-15 01:13

深海異音
一定會影響效能的,畢竟網頁那麼多半透明區塊,瀏覽器需要計算。
不過主要還是巴哈自己優化不好,勇者造型隨頁面捲動、哈哈姆特聊天室、動畫特效,這些都是非常耗效能的11-15 01:19
熊哥
你好
前幾天我發現巴哈原深色主題會導致回覆時若要改字的顏色會看不見顏色選擇區塊
但換回一般模式後又變成白色部分太多,有些刺眼= =

現在才發現原來你有開發這類功能
真厲害.....使用後感覺很好
謝謝你啦~!

希望未來我也能有這樣的開發能力
到時候有問題再向你請教><

01-27 02:11

深海異音
只要是我有辦法回答的都歡迎01-27 05:12
夜羽様のリトルデモン
其實我覺得寫程式最難的是找到需求

02-13 23:44

深海異音
真的,不是太難做不出來,就是別人已經做過了02-13 23:48
EEEerrr
好奇問一下FB是不是也有類似程式可以改成這樣?

03-14 17:00

深海異音
我沒有計劃做facebook的樣式,不過因爲fb是知名的跨國網站,所以要找到類似的腳本或stylish理論上不會太難。
不過其實我是不建議使用,因爲fb改版頻率非常非常非常高,高到嚇死人,而且他們喜歡挑戰奇怪的語法,我自己的經驗是,裝了fb的腳本或樣式,三不五時就會無法使用03-14 17:14
深海異音
我之前裝了一個過濾fb廣告的瀏覽器套件,某天fb改版,那個套件直接把正常的文章也吃掉
之前裝了stylish樣式,則是經常東一塊西一塊沒有覆寫到,很明顯就是開發者維護的速讀跟不上fb改版的速讀03-14 17:18
EEEerrr
那麼神奇... FB也是亮到快瞎掉 之前有看朋友用 但當時還沒有很常使用FB 所以沒特別去問 然後去擴充功能那邊搜尋也只有搜尋到單純換顏色的 唉....

03-14 17:17

深海異音
fb的語法非常凌亂,要覆寫樣式相當不容易,製作半透明的網頁更是困難,如果還要應付fb頻繁的改版,根本不能想像03-14 17:26
EEEerrr
了解了 沒想到FB那麼麻煩... 話說 巴哈私信那邊好像沒有支援到黑背景?@@

03-14 19:28

深海異音
主要還是改我自己常去的頁面,所以一些比較特殊的頁面沒有去動03-14 19:48

你484未來人

03-25 23:33

深海異音
再21分鐘就能跟這個時間線同步了03-25 23:39
貓三
BUG:廣場聊天室的 新訊息!傳送門已開! 點擊後沒有消失

04-06 19:01

深海異音
沒有啟動深色主題的話,就不會有這個現象嗎04-06 19:40
貓三
剛剛發現是網頁本身的bug,如果點到字的話就不會消失,點擊除了字以外的區塊就可以了

04-06 19:45

虛空中的使者
站方在文章列表中的上方增加了 依開串時間 這個按鈕 而深色主題對此無效 希望能修正~~ 感謝~

04-25 01:22


最近firefox的附加原件驗證系統似乎出了點問題,tempermonkey跟stylish直接被弄死。
想問有方法能解決這問題,還是就沒辦法了?

05-10 23:27

深海異音
到設定裡面吧這個打勾,等一下重開就會修好了
https://truth.bahamut.com.tw/s01/201905/c31dd7a100b13edec78d05258187e076.JPG
05-11 00:15

好像沒看到,是因為版本太舊的關係嗎?(56.0)
https://imgur.com/kaXM0vF

05-11 01:07

深海異音
那就升級啊= =05-11 01:10
治療藥水
剛發現一個問題 在編輯公會的行事曆時
編輯框的底色沒有改到 但文字顏色有
變成畫面是全白看不到打的字

05-19 22:36

深海異音
有相關截圖嗎,是需要管理員權限才能看到的區塊?05-19 22:41
治療藥水
https://imgur.com/a/XsTUG0h
應該是需要權限 我不太確定

05-19 23:27

skysumbra
請問網頁的自訂圖片可以用離線的方式嗎?
然後隨機變化這樣!?

06-07 22:42

深海異音
背景圖可以用電腦本地端檔案,也可以隨機變化。
只是要改寫腳本,聽說解凍豬腳他有弄,也許可以問問他怎麼實現的06-07 23:26
深海異音
不過瀏覽器因為安全考量,JavaScript不能直接讀取本地端的檔案,可能要用一個<input type="file">來上傳檔案,這部分需要改很多地方,我應該是不會弄這部分06-07 23:30
深海異音
隨機圖片的部分,只要多加個亂數跟if else if判斷就行了,很容易實現。
只是背景一直變來變去可能也不會太舒服,也許可以嘗試加入時間來判斷,像是過一小時換一次背景圖片
06-07 23:31
skysumbra
@深海異音
感謝引導方向,圖片隨機部分沒有需要太華麗,應該只要進到巴哈網站的頁面一次就就一張圖,
一個在閱讀中的網頁,背景在那邊變動,感覺不理想。
另外你的用於monkey內腳本可以用在一個叫做Stylus套件中嗎?

06-08 11:32

深海異音
可能沒辦法用 Stylus ,因為不是純粹的CSS,有些功能是用JavaScript來實現的06-08 20:59
skysumbra
還有一個問題,怎麼實作到最頂端按鈕,不用網頁的移動捲軸

06-08 11:37

深海異音
window.scroll({ top: 0, left: 0, behavior: 'smooth' });06-08 21:04
深海異音
是這個嗎,不太懂你的意思06-08 21:05
Bahamut_tb.
想交往 ((誤.. 好棒!

07-14 02:07

桐桐
實用,感謝你咯!異音同學

08-09 13:56

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

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

前一篇:給初學者看的【網頁-介紹... 後一篇:快速批次命名-1.3(附...

追蹤私訊

作品資料夾

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

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