BLOG样式的前台改变方法(JS调用)
第一步:首先在default.html里找到
<script language="JavaScript" src="http://www.likk.com/blog/script/common.js" type="text/javascript"></script>
在其下面增加一行
<script language="JavaScript" type="text/javascript">LoadActiveStyleSheet();</script>
第二步:找到
<div class="function" id="divCatalog">
在上面增加:
<div class="function" id="divstyle">
<h3><#ZC_MSG150#></h3>
<ul>
<script language="JavaScript" src="script/style.js" type="text/javascript"></script>
</ul></div>
注意当前版本是自己添加的自定义标签,可以在LANGUAGE包里添加自己的标签,注意对应的标签不要弄错.记得要添加。
第三步:打开记事本,输入
<a href="" onclick="SetActiveStyleSheet('样式名称'); return false;" class="">链接文字</a>
可以输入多个风格,注意对应的样式名写对。
保存为任意html文件,譬如1.html,你可以再用网页编辑器如frontpage、dreamweaver等编排一下布局。
在代码模式下全选复制,然后把html代码转化为js代码,如果你不会自己转换得话可以在这里转化:
http://www.xianxin.net/html2js.asp
复制转化后的js代码保存为style.js文件,注意编码里选择UTF-8码。
style.js文件放在blog系统script目录下。
第四步:
类似于第一步,在single.asp和catalog.asp或者single.html和catalog.html等模板文件适当位置插入以下代码
<script language="JavaScript" type="text/javascript">LoadActiveStyleSheet();</script>
适当位置添加第二步的代码即可。
文件重建,看效果。
但是,目前我不想用这个功能。嘿嘿。我是简约主义者。