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