代码之家 › 专栏 › 技术社区 › Reinstate Monica - Goodbye SE

如何在MediaWiki中隐藏侧边栏?

sidebar mediawiki hide templates

Reinstate Monica - Goodbye SE · 技术社区 · 14 年前

回收空间 . 换句话说,页面应该加宽以填充侧边栏使用的空间。

我有一个模板,它隐藏了侧边栏,但至关重要的是,它并没有回收空间:

<css>
#column-content {margin: 0 0 .6em 0;}
#content {margin: 2.8em 0 0 0;}
#p-logo, .generated-sidebar,
#p-lang,
#p-tb,
#p-search {display:none;}
#p-cactions {left: .1em;}
#footer {display:none;}
</css>

这是使用 PageCSS 分机。

有人知道我可以修改这个来回收空间-或者有其他的解决方案吗?

更新: 在阿德里安·阿切尔(见下文)的帮助下,我发现问题出在我定制的皮肤上。回收空间 有效果吗 具有 . 有人知道我需要复制monobook皮肤的哪一部分吗?我试过好几种方法认为 main.css 但我不确定。

2 回复 | 直到 14 年前

Reinstate Monica - Goodbye SE 14 年前

多亏了Adrian Archer的帮助(见他的回答)+同事的辛勤工作,我有了一个可行的例子(可能适用于所有皮肤)。创建模板(例如。 Template:Hide sidebar )包括以下内容:

<css>
#column-content {margin: 0 0 .6em 0;}
#content {margin: 2.8em 0 0 0;}
#p-logo, .generated-sidebar, #p-lang, #p-tb, #p-search {
   display:none;
}
#p-cactions { left: .1em; }
#footer { display:none; }
#mw_content { margin-left:0.2em; }
</css>

那就加上 {{Hide sidebar}} 任何你需要的页面。边栏区域将被页面回收。与我的问题不同的是第二行到最后一行: #mw_content { margin-left:0.2em; }

Adrian Archer 14 年前

我唯一能想到的问题是(我不是CSS专家)它在错误的时间被加载。试着把它放在一个模板里,它能工作吗?

Manuela 5 年前

也许答案有点晚了。。

#mw-panel .body { visibility: hidden; }

或

#mw-panel .body { opacity: 0; }

要隐藏特定页面上的栏,请添加

.page-Pagename #mw-panel .body { visibility: hidden; }

“Pagename”是页面的名称(大写)。编辑媒体时要特别小心iki:Common.css page!

推荐文章

catandmouse · 如何在Wordpress中按“年”然后按“月”显示“归档”小部件布局(侧栏)?

7 年前

op1001 · 容器高度颜色不填充-底部的页脚向上移动

7 年前

Julez · 引导程序侧栏上图标旁边的文本对齐方式

7 年前

Rafhael Carrión Limaymanta · 当屏幕达到660px时,如何隐藏边栏引导

7 年前

DrMTR · 如何在WooCommerce中从右向左移动边栏?

7 年前

StuffedPoblano · reactjs侧菜单功能

7 年前

aaayumi · 状态更新时更改FontAwesomeIcon(React.JS)

7 年前

Aderbal Nunes · 显示侧栏Material Design Lite的自定义按钮

8 年前

slytrkmn · 调用中缺少参数标签“coder:”

8 年前

Wessel Visser · 将侧边栏粘贴到顶部?

10 年前