“Mediawiki目录浮动”的版本间的差异
(创建页面,内容为“https://blog.csdn.net/MoeDisk/article/details/52748606”) |
|||
| (未显示同一用户的13个中间版本) | |||
| 第1行: | 第1行: | ||
| + | |||
| + | ==浮动目录== | ||
| + | |||
| + | 那么怎么才能实现这样的效果呢? | ||
| + | |||
| + | 通过修改MediaWiki全局CSS即可实现。 | ||
| + | http://cpwiki.sseuu.com/index.php/MediaWiki:Common | ||
| + | |||
| + | http://cpwiki.sseuu.com/index.php/MediaWiki:Common.css | ||
| + | |||
| + | http://cpwiki.sseuu.com/index.php/mediawiki:sidebar | ||
| + | |||
| + | http://cpwiki.sseuu.com/index.php/MediaWiki:AllowUser.Css | ||
| + | |||
| + | http://cpwiki.sseuu.com/index.php/%E7%89%B9%E6%AE%8A:%E7%94%A8%E6%88%B7%E5%88%97%E8%A1%A8 | ||
| + | |||
| + | skins/common/shared.css | ||
| + | ***首先进入MediaWiki的全局CSS。 | ||
| + | |||
| + | 在搜索栏中键入“Common.css”,如下图所示: | ||
| + | |||
| + | 前往后如果查不到请在搜索结果处单击“全部” | ||
| + | |||
| + | 找到 MediaWiki:Common.css | ||
| + | |||
| + | vim skins/common/shared.css | ||
| + | |||
| + | MediaWiki:wgAllowUserCss | ||
| + | 然后编辑这个页面,插入如下代码: | ||
| + | |||
| + | 1 | ||
| + | 2 | ||
| + | 3 | ||
| + | 4 | ||
| + | 5 | ||
| + | 6 | ||
| + | 7 | ||
| + | 8 | ||
| + | 9 | ||
| + | 10 | ||
| + | 11 | ||
| + | 12 | ||
| + | 13 | ||
| + | 14 | ||
| + | 15 | ||
| + | 16 | ||
| + | 17 | ||
| + | 18 | ||
| + | 19 | ||
| + | 20 | ||
| + | 21 | ||
| + | /* == 浮动目录 == */ | ||
| + | #toc, .toc { | ||
| + | display: block; | ||
| + | position: fixed; | ||
| + | top: 100px; | ||
| + | right: 0px; | ||
| + | min-width: 200px; | ||
| + | max-width: 350px; | ||
| + | max-height: 600px; | ||
| + | overflow-y: scroll; | ||
| + | border: 1px solid #aaa; | ||
| + | border-radius: 0 0 1px 1px; | ||
| + | -moz-border-radius: 0 0 1px 1px; | ||
| + | background: rgba(249,249,249,0.85); | ||
| + | padding: 12px; | ||
| + | box-shadow: 0 1px 8px #000; | ||
| + | -webkit-box-shadow: 0 1px 8px #000; | ||
| + | -moz-box-shadow: 0 1px 8px #000; | ||
| + | } | ||
| + | body { overflow-x: hidden;} | ||
| + | 插入后保存,清除浏览器缓存或刷新后即可查看到效果。 | ||
| + | |||
| + | ***那么,我如果不想让某个页面显示出自动生成的目录出来该怎么办? | ||
| + | |||
| + | 答:只需要在编写那个页面时插入下面这个代码: | ||
| + | |||
| + | 1 | ||
| + | __NOTOC__ | ||
| + | |||
| + | |||
| + | |||
| + | |||
https://blog.csdn.net/MoeDisk/article/details/52748606 | https://blog.csdn.net/MoeDisk/article/details/52748606 | ||
2019年12月7日 (六) 15:44的最新版本
浮动目录[编辑]
那么怎么才能实现这样的效果呢?
通过修改MediaWiki全局CSS即可实现。 http://cpwiki.sseuu.com/index.php/MediaWiki:Common
http://cpwiki.sseuu.com/index.php/MediaWiki:Common.css
http://cpwiki.sseuu.com/index.php/mediawiki:sidebar
http://cpwiki.sseuu.com/index.php/MediaWiki:AllowUser.Css
http://cpwiki.sseuu.com/index.php/%E7%89%B9%E6%AE%8A:%E7%94%A8%E6%88%B7%E5%88%97%E8%A1%A8
skins/common/shared.css
- 首先进入MediaWiki的全局CSS。
在搜索栏中键入“Common.css”,如下图所示:
前往后如果查不到请在搜索结果处单击“全部”
找到 MediaWiki:Common.css
vim skins/common/shared.css
MediaWiki:wgAllowUserCss 然后编辑这个页面,插入如下代码:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 /* == 浮动目录 == */
- toc, .toc {
display: block; position: fixed; top: 100px; right: 0px; min-width: 200px; max-width: 350px; max-height: 600px; overflow-y: scroll; border: 1px solid #aaa; border-radius: 0 0 1px 1px; -moz-border-radius: 0 0 1px 1px; background: rgba(249,249,249,0.85); padding: 12px; box-shadow: 0 1px 8px #000; -webkit-box-shadow: 0 1px 8px #000; -moz-box-shadow: 0 1px 8px #000; } body { overflow-x: hidden;} 插入后保存,清除浏览器缓存或刷新后即可查看到效果。
- 那么,我如果不想让某个页面显示出自动生成的目录出来该怎么办?
答:只需要在编写那个页面时插入下面这个代码:
1