# Mediawiki界面修改--头部和导航及CSS样式

**URL:** <https://www.isharkfly.com/t/mediawiki-css/4302>\
**Category:** PHP\
**Created:** [July 31, 2012, 4:45am UTC](https://www.isharkfly.com/t/mediawiki-css/4302 "2012-07-31T04:45:07Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![honeymoose](https://www.isharkfly.com/user_avatar/www.isharkfly.com/honeymoose/32/20796_2.png) [@honeymoose](https://www.isharkfly.com/u/honeymoose)\
**Post date:** [July 31, 2012, 4:45am UTC](https://www.isharkfly.com/t/mediawiki-css/4302/1 "2012-07-31T04:45:07Z")

</div>

界面信息修改

```
  MediaWiki的大部分界面信息存放在Special:Allmessages里面，包括界面的文字、链接、气泡提示、热键等。进行定制时，请找到相应信息，点击左栏链接进行修改。
  搜索结果页面中增加新建页面提示：参考本站nogomatch设置进行修改（仅对"进入"按钮有效，"搜索"按钮尚未解决） 修改页面左侧工具栏中的“帮助”链接：参见本站helppage设置，将“wikipedia:帮助”改为本地名字空间，例如“天下维客”、“help:帮助”图解过程(超级菜鸟可以考虑参阅^_^)

```

1、对于多语言版本，需要修改mediawiki:xxx、mediawiki:xxx/zh-cn、mediawiki:xxx/zh-tw多个版本（甚至/zh-hk、/zh-sg版本）。否则用户在自己的参数设置页面里选择不同语言参数时，会看到未修改语种下的内容未被更新。

2、mediawiki 1.5版本之后，同一表现元素换用了不同的mediawiki名称。因此，升级之前建议自己做好修改记录，免得大量的本地化修改失效后不记得改成什么。

工具栏下方添加友情链接

打开skins/Monobook.php，找到如下两行：

\<?php if( $this-\>data['language\_urls'] ) { ?\>

##### \<?php $this-\>msg('otherlanguages') ?\>

在前面添加：

##### 友情链接

- 
- 

请根据需要，修改上面内容中的链接、图片网址和alt字串。

注意：

①上述内容必须使用UTF-8格式进行存盘，否则汉字显示乱码；

②本修改只针对默认的Monobook风格。

例：天下维客的界面修改

修改Monobook文件  
1、打开skins/Monobook.php，找到下面一行：

```
在此前增加自己制作的网站题头。天下维客使用的题头示范代码如下：（实际代码请自行查看网页源代码）

```

| [![]()](http://www.allwiki.com/) | **天下维客** 你可以修改的网络知识库 | 
[关于本站](http://www.allwiki.com/wiki/天下维客 "天下维客，中文wiki专题网站")
 | |
| 
[首页](http://www.allwiki.com "天下维客首页") | [最近更改](http://www.allwiki.com/wiki/Special:Recentchanges "网页改动记录")
 |

2、删除Monobook.php中原有的LOGO代码段落：

3、用utf-8格式保存并上传到服务器。

修改样式表文件  
打开skins/monobook/main.css之后：

1、调整注册及编辑标签位置：

1-1 找到如下段落：  
/\*  
\*\* the personal toolbar  
\*/

#p-personal {

将该段落中的top改为76px  
1-2 找到如下段落：  
/\*  
\*\* the page-related actions- page/talk, edit etc  
\*/  
#p-cactions {

将该段落中的top改为87px  
2、增加题头中的链接样式，直接在文件尾部顶行输入即可：

#head1 a{font-weight: bold;color:#fff;}#head0 a{font-size:12px;color:#008;}

3、用utf-8格式保存并上传到服务器，修改完成。