用戶:魔琴/gadgets/legacy-2022
2023年8月，Vector 2022 成為本站預設皮膚。部分用戶可能更習慣舊的界面，這裏提供一點點自訂界面的工具。
有些沒什麼用，有些存在bug，權當拋磚引玉了。文末有省流版（tl;dr）。
經典個人欄
[編輯]顧名思義，將個人欄（#p-personal）從下拉菜單改為經典樣式，同時把搜索欄改到了個人欄的下方，避免個人欄的連結擠壓搜索欄。此外由於一個我不知道怎麼修的bug，我將粘性頂欄的個人欄隱藏了
安裝
[編輯]在您的common.js或vector-2022.js加入以下代碼：
mw.loader.load('/w/index.php?title=User:魔琴/gadgets/legacy-2022/personal.js&action=raw&ctype=text/javascript');
原始碼
[編輯]舊版本
[編輯]實現這個功能的腳本曾經以「Expand Personal」的名字開發，後來本功能獨立出來共同維護。Expand Personal 只是將下拉菜單展開，並沒有更改搜索欄的位置。目前 Expand Personal 不會經常維護。
載入 Expand Personal 的方式是：
mw.loader.load('/w/index.php?title=User:魔琴/public/expand-personal/test.js&action=raw&ctype=text/javascript');
原始碼位於：
經典目錄
[編輯]這個腳本帶回了經典目錄。不過只會在正文第一個標題之前插入，不受__TOC__等等強制指定目錄位置的wikitext的影響。
本腳本作者為User:Phlsph7，這裏僅稍作修改漢化。
安裝
[編輯]在您的common.js或vector-2022.js加入以下代碼：
mw.loader.load('/w/index.php?title=User:魔琴/gadgets/legacy-2022/toc.js&action=raw&ctype=text/javascript');
原始碼
[編輯]經典語言欄
[編輯]把語言欄挪回左下角；語言較多時自動摺疊（顯示部分語言），點擊可以展開。
實現方式是用jQuery點擊粘性頂欄的「更多語言」按鈕，讓頁面載入各語言信息……所以，如果您在頁面載入沒多久就開始選中或者編輯文本，您的光標可能忽然跳掉（）
為什麼不去wikidata抓信息？因為跨語言連結不在wikidata裏面🤔
安裝
[編輯]在您的common.js或vector-2022.js加入以下代碼：
mw.loader.load('/w/index.php?title=User:魔琴/gadgets/legacy-2022/lang-list.js&action=raw&ctype=text/javascript');
原始碼
[編輯]全部挪到左邊
[編輯]Vector 2022 把側欄那些「與本頁面有關」的連結移到了頁面工具裏邊（展開就是右側欄），如果不習慣的話可以移到左邊。
安裝
[編輯]在您的common.js或vector-2022.js加入以下代碼：
mw.loader.load('/w/index.php?title=User:魔琴/gadgets/legacy-2022/back-to-left.js&action=raw&ctype=text/javascript');
原始碼
[編輯]側欄連結統一
[編輯]你可能發現左側欄和右側欄，有些連結的樣式不對。那是因為 Vector 2022 的原生側欄連結追加了一個mw-list-item的class，而你用的那些小工具沒有跟進。那怎麼辦呢？
安裝
[編輯]- 將以下代碼加入到您的common.css或者vector-2022.css的頂部（@import語法基本只能加在css的頂部）：
@import url("/w/index.php?title=User:魔琴/gadgets/legacy-2022/adjust-sidebar-dlc.css&action=raw&ctype=text/css");
- 如果您希望用JavaScript載入，則在您的common.js或vector-2022.js加入以下代碼：
mw.loader.load('/w/index.php?title=User:魔琴/gadgets/legacy-2022/adjust-sidebar-dlc.css&action=raw&ctype=text/css', 'text/css');
- 如果您想直接抄css，在您的common.css或者vector-2022.css任意位置加入{{subst::User:魔琴/gadgets/legacy-2022/adjust-sidebar-dlc.css}}即可。
原始碼
[編輯]側欄連結緊縮
[編輯]原生側欄連結行間距太大了，可以緊縮一點。本工具可以與上一個一同使用。
安裝
[編輯]- 將以下代碼加入到您的common.css或者vector-2022.css的頂部（@import語法基本只能加在css的頂部）：
@import url("/w/index.php?title=User:魔琴/gadgets/legacy-2022/adjust-sidebar-dense.css&action=raw&ctype=text/css");
- 如果您希望用JavaScript載入，則在您的common.js或vector-2022.js加入以下代碼：
mw.loader.load('/w/index.php?title=User:魔琴/gadgets/legacy-2022/adjust-sidebar-dense.css&action=raw&ctype=text/css', 'text/css');
- 如果您想直接抄css，在您的common.css或者vector-2022.css任意位置加入{{subst::User:魔琴/gadgets/legacy-2022/adjust-sidebar-dense.css}}即可。
原始碼
[編輯]寬式頁面工具
[編輯]「頁面工具」展開後右側有很大空白，然而工具欄本身不夠寬，有些連結要換行。我們利用右側空白，把頁面工具改寬：
安裝
[編輯]- 將以下代碼加入到您的common.css或者vector-2022.css的頂部（@import語法基本只能加在css的頂部）：
@import url("/w/index.php?title=User:魔琴/gadgets/legacy-2022/wide-page-tools.css&action=raw&ctype=text/css");
- 如果您希望用JavaScript載入，則在您的common.js或vector-2022.js加入以下代碼：
mw.loader.load('/w/index.php?title=User:魔琴/gadgets/legacy-2022/wide-page-tools.css&action=raw&ctype=text/css', 'text/css');
- 如果您想直接抄css，在您的common.css或者vector-2022.css任意位置加入{{subst::User:魔琴/gadgets/legacy-2022/wide-page-tools.css}}即可。
原始碼
[編輯]傳統logo
[編輯]雖然這很佔位置，但如果你想看到傳統的logo……也行。不過傳統logo太佔位置，建議與「經典個人欄」同時使用。
安裝
[編輯]打開您的common.js或vector-2022.js：
- 僅傳統logo：加入以下代碼
mw.loader.load('/w/index.php?title=User:魔琴/gadgets/legacy-2022/logo.js&action=raw&ctype=text/javascript');
- 傳統logo以及「經典個人欄」同時使用時，如果引用兩個腳本會有問題。這時不要使用「經典個人欄」的腳本，並加入以下代碼
mw.loader.load('/w/index.php?title=User:魔琴/gadgets/legacy-2022/logo-and-personal.js&action=raw&ctype=text/javascript');
原始碼
[編輯]標籤移到標題上面
[編輯]Monobook和舊版Vector中，頁面標籤都在標題上面；新版Vector（2022）中他們交換了位置。如果你想移回去……
安裝
[編輯]在您的common.js或vector-2022.js加入以下代碼：
mw.loader.load('/w/index.php?title=User:魔琴/gadgets/legacy-2022/monobookmark.js&action=raw&ctype=text/javascript');
原始碼
[編輯]標籤上色
[編輯]給新版Vector的頁面標籤上經典的藍色。
安裝
[編輯]- 將以下代碼加入到您的common.css或者vector-2022.css的頂部（@import語法基本只能加在css的頂部）：
@import url("/w/index.php?title=User:魔琴/gadgets/legacy-2022/gradient-bookmark.css&action=raw&ctype=text/css");
- 如果您希望用JavaScript載入，則在您的common.js或vector-2022.js加入以下代碼：
mw.loader.load('/w/index.php?title=User:魔琴/gadgets/legacy-2022/gradient-bookmark.css&action=raw&ctype=text/css', 'text/css');
- 如果您想直接抄css，在您的common.css或者vector-2022.css任意位置加入{{subst::User:魔琴/gadgets/legacy-2022/gradient-bookmark.css}}即可。
原始碼
[編輯]藍色關注星星
[編輯]給代表監視的星星的顏色換成藍色。
安裝
[編輯]- 將以下代碼加入到您的common.css或者vector-2022.css的頂部（@import語法基本只能加在css的頂部）：
@import url("/w/index.php?title=User:魔琴/gadgets/legacy-2022/blue-watch-star.css&action=raw&ctype=text/css");
- 如果您希望用JavaScript載入，則在您的common.js或vector-2022.js加入以下代碼：
mw.loader.load('/w/index.php?title=User:魔琴/gadgets/legacy-2022/blue-watch-star.css&action=raw&ctype=text/css', 'text/css');
- 如果您想直接抄css，在您的common.css或者vector-2022.css任意位置加入{{subst::User:魔琴/gadgets/legacy-2022/blue-watch-star.css}}即可。
原始碼
[編輯]Nclm式樣式
[編輯]測試。原作者為User:Nclm，來自其global.css的歷史版本meta:Special:Diff/24826755，稍作修改。
原始碼在User:魔琴/gadgets/legacy-2022/nclm.css
省流版
[編輯]- 經典個人欄：User:魔琴/gadgets/legacy-2022/personal.js
- 經典目錄：User:魔琴/gadgets/legacy-2022/toc.js
- 經典語言欄：User:魔琴/gadgets/legacy-2022/lang-list.js
- 全部挪到左邊：User:魔琴/gadgets/legacy-2022/back-to-left.js
- 側欄連結統一：User:魔琴/gadgets/legacy-2022/adjust-sidebar-dlc.css
- 側欄連結緊縮：User:魔琴/gadgets/legacy-2022/adjust-sidebar-dense.css
- 寬式頁面工具：User:魔琴/gadgets/legacy-2022/wide-page-tools.css
- 傳統logo：User:魔琴/gadgets/legacy-2022/logo.js
- 與「經典個人欄」一起使用時，僅用User:魔琴/gadgets/legacy-2022/logo-and-personal.js
- 標籤移到標題上面：User:魔琴/gadgets/legacy-2022/monobookmark.js
- 標籤上色：User:魔琴/gadgets/legacy-2022/gradient-bookmark.css
- 藍色關注星星：User:魔琴/gadgets/legacy-2022/blue-watch-star.css
如果你都想用……
[編輯]打開偏好設定，選擇外觀標籤，在外觀中選擇「舊版Vector（2010）」，並點擊「儲存」，即可一勞永逸，沒有後顧之憂。