Discuz:Discuz!6.0风格制作
|
Discuz! 6.0|Discuz! 6.0安装|Discuz! 6.0使用|Discuz! 6.0风格模板|Discuz! 6.0插件|Discuz! 6.0升级|Discuz! 6.0开发|Discuz! 6.0 FAQ |
一、认识Discuz!的模板结构:
首先，我们来了解一下Discuz!的风格结构，如图1所示，大体上分为三部分：header.htm、discuz.htm和footer.htm文件：
看一下header.htm文件内的大概结构，如图2：
再看一下discuz.htm文件内的大概结构，如图3：
最后看一下footer.htm文件的结构如图4：
二、添加新的风格:
首先，我们在论坛的templates目录下新建一个名字为new的子目录，将默认文件夹下的header.htm、discuz.htm、footer.htm、css.htm、css_append.htm文件拷贝到这个目录，在论坛的images目录下复制一份default文件夹，修改名字为new。
然后，打开论坛后台，进入论坛设置――模板编辑，添加一个模板套系，名字叫做“新风格”，所在目录填写为.templates/new，版权信息填入自己的版权，提交。
再回到界面风格里边，添加一个新风格，名字为“新风格”，然后提交。
这样子，我们就添加好了我们的新风格。
三、设置新的风格
进入界面风格，选择“新风格”，打开详情，逐步设置里边的各项，如果你不清楚各项都是什么，可以参考一下图5和图6：
我们以官方的“春意盎然”为例，设置界面风格详情，如图7。
添加好后，在界面风格内，点击更新css缓存，回到首页，刷新页面，选择自己新建的模板风格，即可看到新风格的页面，如图8。
四、调整css.htm文件
现在，一个非常简单的风格已经做好了，如果想要达到一些特殊的效果，还需要调整css.htm文件，不过为了保证不把css.htm文件弄乱，让自己都不知道做了什么，新的6.0模板为大家新增加了一个css_append.htm文件，大家可以在这里对css.htm文件进行修改，需要修改哪处，原版拷贝过来，然后调整属性即可，这样子可以很清楚的知道自己做了哪些调整，不至于当模板出现问题的时候无法查找。