之前看到有網友說論壇字體太小,看起來不舒服。高飽和度的配色是網頁設計的大忌,長時間觀看會讓人視力疲勞。使用 Chrome 和 Edge 瀏覽器的網友,可以通過 Tampermonkey(中文名篡改猴)擴展給網頁注入css樣式,在瀏覽器層麵改變頁麵的版式。
方法:
1.安裝擴展
2.安裝腳本
此處以 Chrome 版本的設置為例,Edge 版操作大同小異,不再贅述。
點擊擴展程序欄的篡改猴圖標 - 管理麵板,打開腳本編輯頁麵。
點擊按鈕,新建一個腳本,將默認代碼刪除,把下麵的代碼粘貼進去,點擊文件 - 保存。
// ==UserScript==
// @name 重設wenxuecity字體
// @namespace http://tampermonkey.net/
// @version 0.1
// @description 重設wenxuecity字體
// @author You
// @match https://bbs.wenxuecity.com/*
// @match https://www.wenxuecity.com/*
// @match https://zh.wenxuecity.com/*
// @icon data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==
// @grant none
// ==/UserScript==
(function() {
var style = document.createElement("style");
style.type = "text/css";
var text = document.createTextNode(".maincontent a, .content .col ul li a.adslink, .content .col ul li a, .content .col ul li a.adslink:visited {color:#2b2b2b !important;}"+ //網站首頁 未點擊主題(修改字體顏色)
".content .col ul li a:visited {color:#ff2cff !important;}"+ // 網站首頁 已點擊主題(修改字體顏色)
"body {}"+ //論壇首頁 主體
"#hottopic .content .title a {font-family_replace:yahei;}"+ //論壇首頁 熱帖title(修改字體)
"#hottopic .content p {font-family_replace:yahei;font-size_replace:15px;line-height:1.2em !important;}"+ //論壇首頁 熱帖content(修改字體,調整行距)
"#hottopic .content p a {color:#2b2b2b;}"+ //論壇首頁 熱帖content(修改字體顏色)
"#hottopic .comment p.count {font-size_replace:1.1em;font-weight:700;margin-top:0px;line-height:1.5em;}"+ //論壇首頁 評論數(位置上移)
"#rightside {}"+ //論壇首頁右側 熱帖lsit(未做更改)
"#mainwrapper {}"+ // 論壇論壇首頁 頭部(未做更改)
".stack a {color:#0261BD;}"+ //論壇分區信息(修改字體顏色)
"#quicklinks a {color:#0261BD;}"+ //論壇分區操作(修改字體顏色)
".section a{color:#0261BD;}"+ //論壇分類標簽(修改字體顏色)
"#bodyColumn {}"+ //論壇分區主體中部(未做更改)
"#menuColumn {}"+ //論壇分區主體左側菜單(未做更改)
"#postlist div p {color:#cfcfcf !important;}"+ //論壇分區帖子信息(修改字體)
".post {color:#2b2b2b !important;}"+ //論壇分區普通帖 帖子標題(修改字體)
".b {font-family_replace:yahei;color:#609758;font-size_replace:15px;font-weight:normal !important;}"+ //論壇分區 用戶ID(及ID兩側的-)(修改字體)
".hitcounter {color:#609758 !important;}"+ //論壇分區 帖子閱讀量(修改字體)
".odd {background-color:#f9f9f9;padding:5px 1px 5px 5px !important;}"+ //論壇分區 單數行(修改背景色)
".even {background-color:#ebedec;padding:5px 1px 5px 5px !important;}"+ //論壇分區 雙數行(修改背景色)
".title {font-family_replace:simhei;font-size_replace:;font-weight:bold;color:#2b2b2b !important;}"+ //帖子標題(修改字體)
"#breadcrumb span a, #channelBot a, #channelTop a, .breadcrumbs a, .breadcrumbs span, #postlinks a, #postmeta a, #postbody a, #postlogin a, #postform a, .post, #footer .info span, #footnav a {color:#006600;}"+ //超鏈接字體(修改字體顏色)
"#postlinks, #postmeta {color:#8f8f8f;}"+ //帖子信息(修改字體顏色)
"#articleBody {font-family_replace:yahei !important;}"+ //帖子內容(修改字體)
"body, .menubar ul li.selected a, .bar_one span a, #footer .info {color:2b2b2b;}"+ //帖子內容(修改字體顏色)
"h3 {font-family_replace:yahei;font-size_replace:;}"+ //所有跟帖、加跟帖(修改字體)
"#postlist div p {font-family_replace:yahei;font-size_replace:16px;line-height:1.4em !important;}"+ //跟帖內容(修改字體)
"#postlist {margin:0 -20px 5px 0px;padding:10px 15px 10px 5px; !important;}"+ //跟帖區(調整邊距)
".nickname {color:#609758;font-size_replace:15px;}"+ //跟帖用戶ID(修改字體)
".highlight {background:#e6e6dd;}"+ //回帖操作(取消高亮背景)
"body {background-color:#cadfd5;}"+ //網頁主體(修改背景色)
".bar_two span.username a {color:#006600 !important;font-weight:bold !important;}"+ //用戶ID(修改字體顏色)
".bar_one span a:hover, .maincontent .wrapper a:hover, #breadcrumb span a:hover, #channelBot a:hover, #channelTop a:hover, #postlogin a:hover, #postbody a:hover, #postlist a:hover, #postlinks a:hover, #postmeta a:hover, #editmessage, .hitcounter {color:#c33030;}"); //操作記錄(修改字體顏色)
style.appendChild(text);
var head = document.getElementsByTagName("head")[0];
head.appendChild(style);
'use strict';
var elements = document.querySelectorAll('a.sticky[style="color:#008000;"]');
elements.forEach(function(element) {
element.style.color = '#0261BD';
}); //論壇分區置頂 帖子標題(替換顏色)
// Your code here...
})();
以上為代碼部分。保存後刷新網頁即可生效,效果如圖。
最後跟大家分享一首詩歌。
《 烏黑的眼睛 》
作者:米哈伊爾·尤列維奇·萊蒙托夫(俄)
無數星星綴滿夏天的夜空,
為什麽你隻有兩顆星?!
南方的明眸,烏黑的眼睛,
遇見你叫我失去平靜
人們常說,夜晚的星鬥
是天堂裏幸福的象征;
黑眼睛,你是天堂和地獄,
你的星光照徹我的心靈。
南方的明眸,烏黑的眼睛
我從目光中閱讀愛情;
從我們相遇的一刻起,
你是我白天黑夜不落的星!