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

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

像这样:

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

通过修改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日

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值