【转载】说一下我是怎么制作xiuno模版的 [复制链接]
3233
0
提示：本文不适于高手及老鸟阅读
先简单介绍一下：
我的确不是这个专业的，2011年到现在都有断断续续地接触，但因为完全没有建站思路。所以什么都没做出来。
不过在接触的过程中，
被迫的学习了早期的网页三剑客，也顺理成章地学习了PS和CDR。
中途还莫名其妙学习了3DMAX和Premiere，还开设了一段时间的传奇私服...
在这里不得不感谢我的老师——【百度知道】
说了这么多，其实我只是个做小生意的个体户。不喜欢打牌喝酒，在家又不让玩游戏，就只能玩玩这些！
总之，什么都没学精，什么都又能用用
手上也一直留有几个域名和虚拟主机。
偶然之间碰到了Xiuno4.0.下载下来一用，感觉很简单，很快。于是就玩上了，至于该做什么，完全不明白，只是先把自己会的拿来用用。
---------------------------------------------------------------
正题：
对于制作Xiuno的模版，个人觉得必备一个工具Mozilla Firefox
（虽然所有的浏览器都带有开发工具，但个人觉得火狐始终是做的最好的）
当然，还有最好的 百度老师
第一步：了解Xiuno的结构
官方给的开发手册虽不是很详细，但也把Xiuno的原理讲得非常明白了，模版可以以插件的形式安装，这样就省下来很多麻烦，至少不会因为开发模版而伤到其他文件。也就是说，不管怎么倒腾插件，干坏了一卸载，网站本身的风韵犹存。在不太熟悉的部署结构的情况下直接开始撸css文件，简单的换几个颜色，多换几次颜色，就会明白个4.5成了。
第二步：风格定位
我本身学习了一些设计基础，也从事过一段时间网站网店美工的工作，所以要自己画一个模版稿子还不算太难，当然，更推荐直接在网上去搜索一款中意的风格。可以大大省下制作的时间。原则上最开始倒腾模板只建议动css文件，所以找网站参考也就尽量找找干净清爽的网站。找到了后，基本就完成一半了。不信？往下看
第三步：扒样式
代码这个东西，不到逼不得已我是不愿意自己写的，虽然实际上80%都是自己写的，但全是扒过来的片段给的思路。 JQUERY BOOTSTRAP 这两玩意，可以说在发文的一周之前，我都没碰过。虽然它们看上去很神奇，但不能完全驾驭的东西，还是少用为妙。
现在来说说怎么“扒”？该Firefox上场了：
动手之前，建议安装Xiuno插件中心的任意一个纯css主题，可以省去很多工作，然后直接以此作为基础来修改样式。
拿简单一点的知乎来举例，从头部的导航开始；
用浏览器打开网页，右键查看元素会在右侧或者下方打开代码及样式的查看器。
右侧选中整个导航的外部框架，左侧会成淡蓝透明的选中状态，右侧默认有一半的显示了这个框架的样式
对应.AppHeader的样式就全显示出来了，可以手动点击复选框来查看什么样式控制什么效果，可以直接在右侧修改部分参数来实现多种显示方案，直到找到自己满意的写法。然后直接将修改后得到的样式代码粘贴到自己的模版插件当中。
只需要几分钟时间，就能在浏览器当中把这个样式99%的制作出来，还可以即兴DIY一下，变成自己独有的作品，而接下来的工作就只需要把刚才修改过的代码在自己的模版插件里面查找-替换。
以此类推，每一个你想要的样式，都可以在浏览器的开发工具中一一找到，然后对号入座。某些特效需要js代码，不会可以先放过它。最后再来请教百度老师！
以上就是我制作Xiuno模版的全部方法，实不相瞒，ctrl键已经被我按坏了。可想而知，粘贴复制的动作重复了多少次。当然，这种并不是制作网站的正确方法，但，却能让新手在最短的时间内，找到自己的制作思路。
（全文完）
历史资源提醒--必看
该页面资源/教程来自原魔趣吧历史资源转移，因发布历史久远，部分资源/教程可能已失效或无法在最新版程序中安装使用！DZ资源建议在Discuz3.4及以下版本使用，PHP版本建议5.6。资源仅提供做代码研究学习使用！
因改版，部分贴内链接将无法正常跳转，如链接失效或未正常跳转，请利用站内搜索功能搜索资源名称获取对应资源！
最新回复 (0)