<body><script type="text/javascript"> function setAttributeOnload(object, attribute, val) { if(window.addEventListener) { window.addEventListener('load', function(){ object[attribute] = val; }, false); } else { window.attachEvent('onload', function(){ object[attribute] = val; }); } } </script> <div id="navbar-iframe-container"></div> <script type="text/javascript" src="https://apis.google.com/js/platform.js"></script> <script type="text/javascript"> gapi.load("gapi.iframes:gapi.iframes.style.bubble", function() { if (gapi.iframes && gapi.iframes.getContext) { gapi.iframes.getContext().openChild({ url: 'https://www.blogger.com/navbar/4684235500622716427?origin\x3dhttp://blog.caiwangqin.com', where: document.getElementById("navbar-iframe-container"), id: "navbar-iframe", messageHandlersFilter: gapi.iframes.CROSS_ORIGIN_IFRAMES_FILTER, messageHandlers: { 'blogger-ping': function() {} } }); } }); </script>

Caiwangqin's blog

Focus on Life, Cloud Service, Smart Hardware, Architecture, Technic and beyond…

MediaWiki Research - Custom Skin

2006年11月14日星期二

昨天的MediaWiki Research记录了如何设置HTML编辑,今天记录一下如何自定义MediaWiki的Skin. 在MediaWiki的官方网站上有一些现在的Skin可以下载使用,但那是别人的东西,其实自定义自己的Skin也相当简单。当然需要你懂得CSS,我这里分享一下制作过程。


一个完成的MediaWiki Skin包含以下内容(这里Skin命名为customskin), 将这些文件存储于skin/目录下:



  1. customskin.deps.php

  2. customskin.php

  3. customskin目录,该目录存储相应的CSS和所需图片


然后你只需要对照默认的MonoBook Skin修改customskin.php中的Template类,以及对应的customskin目录下的main.css文件,即可定制出自己的Skin.


标签:

posted by Caiwangqin, 09:52

0 Comments:

发表评论

订阅 博文评论 [Atom]

<< 主页