wangsisi 发表于 2011-12-26 11:12:06

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

界面信息修改



      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'] ) { ?><div id="p-lang" class="portlet">
   <h5><?php $this->msg('otherlanguages') ?></h5>


在前面添加:

<div class="portlet" id="p-tb">
   <h5>友情链接</h5>
   <div class="pBody">
   <ul>
<li id="feedlinks""><a href="http://www.allwiki.com" target="_blank"><img src="http://www.allwiki.com/images/allwiki_logo.gif" border="0" alt="天下维客" /></a></li>
<li id="feedlinks""><a href="http://zh.wikipedia.org" target="_blank"><img src="http://upload.wikimedia.org/wikipedia/zh/c/ce/Wiki_button.png" border="0" alt="中文维基百科" /></a></li>
   </ul>
   </div>
</div>


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

注意:

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

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


例:天下维客的界面修改


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

    在此前增加自己制作的网站题头。天下维客使用的题头示范代码如下:(实际代码请自行查看网页源代码)
<table width="100%" height="64" border="0" cellspacing="0" id="allwiki"><tbody><tr>
<td width="90" height="64" rowspan="2"><a href="http://www.allwiki.com/"><img src="http://网站LOGO.png" width="90" height="64" border="0" /></a></td>
<td height="52" valign="bottom"><span style="font-size:36px;color:#FFF;"><b>天下维客</b></span>
<span style="font-size=13px;color:#000;"> 你可以修改的网络知识库</span></td>
<td width="188" align="right" valign="middle" style="font-size:12px">
<div id="head0">
<a title="天下维客,中文wiki专题网站" href="http://www.allwiki.com/wiki/天下维客">关于本站</a>
</div></td>
<td width="2%" rowspan="2"> </td></tr>
<tr><td colspan="2" align="right" style="COLOR:#fff;"><div id="head1">
<a title="天下维客首页" href="http://www.allwiki.com">首页</a> | <a title="网页改动记录" href="http://www.allwiki.com/wiki/Special:Recentchanges">最近更改</a>
</div></td></tr></tbody></table>


2、删除Monobook.php中原有的LOGO代码段落:
<div class="portlet" id="p-logo">
<a style="background-image: url(<?php $this->text('logopath') ?>);"
   href="<?php echo htmlspecialchars($this->data['nav_urls']['mainpage']['href'])?>"
   title="<?php $this->msg('mainpage') ?>"></a>
</div>
<script type="<?php $this->text('jsmimetype') ?>"> if (window.isMSIE55) fixalpha(); </script>


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格式保存并上传到服务器,修改完成。
页: [1]
查看完整版本: Mediawiki界面修改--头部和导航及CSS样式

美国HostEase虚拟主机一年198元