巴哈最近更新了公會,使介面更符合現代網頁的設計語言。
不過個人覺得圖片吃了太多畫面,所以透過stylus調整一下排版。
果然一調整就空間就砍了一半
左為原公會2.0介面,右為使用stylus後的介面
Stylus為瀏覽器擴充套件,目的是透過修改css來改變網頁外觀排版。
關於Stylus使用方法可自行google。
註1:Stylus是瀏覽器套件,本身也會吃記憶體,自行斟酌使用。
註2:僅在PC / Firefox上測試過,其他裝置或瀏覽器可能會失效或效果有所差異。
註3:使用Stylus修改css只會影響本地端瀏覽器。不影響伺服器,別人的電腦也看不到你的修改。
Stylus樣式使用範圍
使用於 [ 含以下前綴的網址 ] : [ https://guild.gamer.com.tw/ ]
CSS
.globalcontainer .main-container_header .scenery-img {height:80px} /*縮小公會背景圖高度*/
.globalcontainer .main-container_header_info h1, .globalcontainer .main-container_header_info small {text-shadow:0px 0px 2px rgba(0, 0, 0, 1); color:#fff} /*加強公會名稱顯示*/
.globalcontainer .main-container_wall-post_footer .shareandmore {padding-top:0px} /*GP-BP鈕與內文縮距*/
.linkbox {display:none} /*刪除連結產生的圖片與說明文字*/
.webview_commendlist .c-reply__item .reply-content__cont img {max-height:82px} /*圖片與GIF高度減半*/
.globalcontainer .main-container_header_info h1, .globalcontainer .main-container_header_info small {text-shadow:0px 0px 2px rgba(0, 0, 0, 1); color:#fff} /*加強公會名稱顯示*/
.globalcontainer .main-container_wall-post_footer .shareandmore {padding-top:0px} /*GP-BP鈕與內文縮距*/
.linkbox {display:none} /*刪除連結產生的圖片與說明文字*/
.webview_commendlist .c-reply__item .reply-content__cont img {max-height:82px} /*圖片與GIF高度減半*/