教你用一种界面模板却拥有多种不同的界面风格

冰岛忆

我喜欢

龙啸

是一个模版吗?

demonking

高人啊，真是好东西啊！！

冰岛忆

珍藏ing~~~~~~~~~·

sorunme

教你用一种界面模板却拥有多种不同的界面风格
在8.1版本中，动网论坛只要使用一套Resource文件，但修改或增加不同的CSS文件，以及相应的图片文件，就可增加不同的界面风格，这种方式相对现在8.3版本的界面模板设置，要减少许多文件，
而且修改模板也相对简单，我在使用8.3版本后，为这一功能的退化深感遗憾，于是一直在想能不能仍然采用原来的办法，经过多次实验，今天终于修改成功了，本人不敢独享修改方法，特公布在此。
免费试用：http://www.nicenic.com/design/?s=sorunme
第一步：修改分页页面模板 分页面模板(Main_Style) 的 template.html(1)
找到<link rel="SHORTCUT ICON" href="favicon.ico" />
在线咨询:
在后面插入下面红色部分代码：
<script language="JavaScript" type="text/javascript">
var styleStr="Dv_Style";//每份模板要错开名称,相应的目录及css文件名要对应
var csslist=[];
//定义有多少套CSS
csslist.push(["默认风格","skins/default.css"]);
csslist.push(["春意盎然","skins/Green/green.css"]);
csslist.push(["蓝色天空","skins/blue/blue.css"]);
csslist.push(["红色激情","skins/red/red.css"]);
csslist.push(["秋意正浓","skins/yellow/yellow.css"]);
csslist.push(["灰色畅想","skins/gray/gray.css"]);
</script>
<link id="css" href="skins/dv_wnd.css" type="text/css" rel="stylesheet">
<script language="javascript" src="inc/dv_wnd.js" type="text/javascript"></script>
上面两行代码是原来有的，另外原来有一行中间有skins/default.css代码的语句要删除。
接下去，再在下面增加一行
<script language="JavaScript" src="inc/Style.js" type="text/javascript"></script>
其它的不要动，好了，这一个分页面模板是修改好了
第二步：再修改分页面模板8：template.html(8)
查找 <span>{$copyright}&nbsp;&nbsp;&nbsp;{$powered}<br />{$runtime}</span>
并在后面增加一行：
<span> 风格选择 <script type="text/javascript">loadStyle(2);</script> </span>
刷新一下缓存，好了，这样就可让你只要一套模板文件库，就可用不同的CSS拥有不同的界面风格了，如果要增加不同的风格，只要修改几个关键的图片文件及CSS文件就行了，再也不用增加一大堆的Resource文件了，这样一来，如果是在增加修改一些论坛插件时，也不用一个个模板去修改了。
需要注意的是，不同的CSS文件中，如果用到图片文件的话，一定要搞清楚图片文件所在的目录，特别是一些使用系统默认的图片的路径，要重新修改一下文件中的地址。
下载地址：http://www.nicenic.com/design/site_package.php?s=sorunme
欣赏模板：

wwangmengw

生我之前谁是我，生我之后我是谁？

94你................










signature..................................
仙府之缘

小于

不错我支持一下。

go310

嘿嘿，回个贴表明我来过。