Top

本地磁盤小日記ヾ(≧▽≦*)ゝ

世界無限大.且行且珍惜w;
計算機科學視覺與美術在學|跨女|程序媛|創作者|中日英OK|公主w;

教程:MediaWiki实现目录浮动及隐藏效果和不在该页面显示目录的方法.

| Comments

什么是目录浮动及隐藏效果呢?

像这样:

那么怎么才能实现这样的效果呢?

通过修改MediaWiki全局CSS即可实现。

***首先进入MediaWiki的全局CSS。

在搜索栏中键入“Common.css”,如下图所示:

前往后如果查不到请在搜索结果处单击“全部”

找到 MediaWiki:Common.css

然后编辑这个页面,插入如下代码:

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__

即可实现。


@本地磁盘姬 整理

ohayou.moeres.org

微博@萌萌的本地磁盘w

2016年05月31日

Comments