<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.g?targetBlogID\x3d4684235500622716427\x26blogName\x3dCaiwangqin\x27s+blog\x26publishMode\x3dPUBLISH_MODE_HOSTED\x26navbarType\x3dBLUE\x26layoutType\x3dCLASSIC\x26searchRoot\x3dhttp://blog.caiwangqin.com/search\x26blogLocale\x3dzh_CN\x26v\x3d2\x26homepageUrl\x3dhttp://blog.caiwangqin.com/\x26vt\x3d3393395200455623441', where: document.getElementById("navbar-iframe-container"), id: "navbar-iframe" }); } }); </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]

<< 主页