用户:魔琴/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）”，并点击“保存”，即可一劳永逸，没有后顾之忧。