一个老贴,以前在旧论坛发过一次,今天有新人加我qq询问,想来应该对1.6应该还是适用的,再发上来。
原文出处:
http://www.xianxin.net/chun/post/zblogstyle.html
演示:
http://www.xianxin.net/chun/
起初我的风格切换是用favorite改的,就是牺牲网站收藏直接在网站收藏里后台修改的,这样的好处是可以后台修改,也不需要修改很多地方简单,缺点是牺牲了网站收藏这块,当然可能这块对有点朋友来说也可有可无。
刚看到pjblog用户里很多朋友有下拉菜单式的切换风格选择,感觉这样也比较好看些,于是就改了现在本站首页“博客皮肤切换”这样的形式。
我把具体修改方法公布如下,喜欢的朋友可以照着修改,如果你有更好的方法也请不吝分享。
引用:
<div class="function" id="divChangeStyle">
<h3>切换风格</h3>
<div class="Search-field">
<SELECT id=stylelist onchange="SetActiveStyleSheet(value); return false;" size=1>
<OPTION value=>-----点击选择-----</OPTION>
<OPTION value=bxna>经典风格</OPTION>
<OPTION value=firewhite>火之热趣</OPTION>
<OPTION value=blue>蓝色金属</OPTION>
<OPTION value=xcoffee>咖啡情怀</OPTION>
<OPTION value=newsky>蓝天白云</OPTION>
</SELECT>
</div>
</div>
只需把上面这段代码添加到具体你要放的地方的模板文件里就可以了。
例如可以在首页default.html 或者文章单页single.html里添加这段代码
因为我自己修改这个文件很多,你只需要对应添加“博客皮肤切换”的项就可以了。
=============================================================
还有一种方法是在上面基础上用js调用。
我这里是用的js调用实现的,因为我的网站空间实在有限,所以我是想方设法的减小模板文件的大小。
修改方法也很简单,就是把上面的那段代码转换为js代码保存为js文件就可以了,然后在对应的模板文件里调用这个js文件就ok了。
如果你不知道怎么转换为js代码可以上这里转换:
http://www.xianxin.net/html2js.asp