发新话题
打印

请问能否即时换样式?

本主题由 zx.asd 于 2008-1-4 17:17 移动

请问能否即时换样式?

例如界面上提供几种样式,按一下就换成另外一种样式,类似于论坛可以即时转换模板的功能。

请问如何实现,望高手指教。

TOP

在default.html文件中的sidebar分区中加上
-----------------------------------------------------------------------------------------------------------------
<div class="function" id="divChangeStyle">
<h3>皮肤切换</h3>
<ul>
<li>
<script language="JavaScript" src="../script/style.js" type="text/javascript"></script>
</li>
</ul>
</div>
---------------------------------------------------------------------------------------------------------------------
然后在script目录下创建一个style.js文件,在里面填上代码
document.writeln("<div class=\"Search-field\">");
document.writeln("<SELECT id=stylelist onchange=\"SetActiveStyleSheet(value); return false;\" size=1>");
document.writeln("<OPTION value=>-----点击选择-----<\/OPTION>");
document.writeln("<OPTION value=此处填样式名称1>此处填样式名称1<\/OPTION>");
document.writeln("<OPTION value=此处填样式名称2>此处填样式名称2<\/OPTION>");
document.writeln("<\/SELECT>");
document.writeln("<\/div>");
保存!
----------------------------------------------------------------------------------------------------------------------------

可以参看http://www.i-mae.net/test/的侧栏

[ 本帖最后由 QQMZ 于 2006-8-11 05:12 PM 编辑 ]
城里的乡下鱼
记录生活  记录成长
http://www.cfish.net/

TOP

晕,我早就发布过了……

http://bbs.rainbowsoft.org/viewt ... &extra=page%3D1


zblog页面实现下拉菜单切换风格样式的修改方法


一个老贴,以前在旧论坛发过一次,今天有新人加我qq询问,想来应该对1.6应该还是适用的,再发上来。
原文出处:
http://www.xianxin.net/chun/post/zblogstyle.html


演示:http://www.xianxin.net/chun/




起初我的风格切换是用favorite改的,就是牺牲网站收藏直接在网站收藏里后台修改的,这样的好处是可以后台修改,也不需要修改很多地方简单,缺点是牺牲了网站收藏这块,当然可能这块对有点朋友来说也可有可无。

刚看到pjblog用户里很多朋友有下拉菜单式的切换风格选择,感觉这样也比较好看些,于是就改了现在本站首页“博客皮肤切换”这样的形式。

我把具体修改方法公布如下,喜欢的朋友可以照着修改,如果你有更好的方法也请不吝分享。


QUOTE:
<div class="function" id="divChangeStyle">
<h3><#ZC_MSG174#></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里添加这段代码

另外要注意的是需要在语言文件SimpChinese.asp 里添加对应的项。
我这里上面的是
<#ZC_MSG174#>

因为我自己修改这个文件很多,你只需要对应添加“博客皮肤切换”的项就可以了。
=============================================================


还有一种方法是在上面基础上用js调用。

我这里是用的js调用实现的,因为我的网站空间实在有限,所以我是想方设法的减小模板文件的大小。

修改方法也很简单,就是把上面的那段代码转换为js代码保存为js文件就可以了,然后在对应的模板文件里调用这个js文件就ok了。

如果你不知道怎么转换为js代码可以上这里转换:

http://www.xianxin.net/html2js.asp

[ 本帖最后由 chun 于 2006-8-12 12:43 AM 编辑 ]
http://www.googledoor.cn/一周试用一月无条件退款,空间以旧换新

TOP

我刚开始弄blog,很多都不懂,谢谢楼上两位!!!

TOP

发新话题