FAQ首页 > 模板风格 > Discuz! > 查看文章
收起边栏
大字 小字 收藏 复制URL










6.0
Discuz! 6.0.0风格制作教程
2008-06-06┆20,393 Views┆100

如果你是刚开始接触 Discuz! 6.0.0 可能对模板结构并不熟悉,本文将简要介绍一下 Discuz! 6.0.0 的模板结构,帮您更好的 DIY 自己的风格。

一、认识 Discuz! 6.0.0 的模板结构

首先,来了解一下 Discuz! 6.0.0 的风格结构,如下图所示,大体上分为三部分:header.htm、discuz.htm 和 footer.htm 文件:

看一下 header.htm 文件内的大概结构,如下图所示:

再看一下 discuz.htm 文件内的大概结构,如下图所示:

最后看一下 footer.htm 文件的结构如下图所示:

二、添加新的风格

首先,在论坛的 templates 目录下新建一个名字为 new 的子目录,将默认文件夹下的 header.htm、discuz.htm、footer.htm、CSS.htm、CSS_append.htm 文件拷贝到这个目录,在论坛的 images 目录下复制一份 default 文件夹,修改名字为 new。

然后,打开论坛后台 => 论坛设置 => 模板编辑:添加一个模板套系,名字叫做“新风格”,所在目录填写为 .templates/new,版权信息填入自己的版权,提交。

再回到界面风格里边,添加一个新风格,名字为“新风格”,然后提交。

这样,就添加好新风格了。

三、设置新的风格

进入界面风格,选择“新风格”,打开详情,逐步设置里边的各项,如果你不清楚各项都是什么,可以参考下列图解:

以官方的“春意盎然”为例设置界面风格详情,如下图所示:

添加好后,在界面风格内,点击更新 CSS 缓存,回到首页,刷新页面,选择自己新建的模板风格,即可看到新风格的页面,如下图所示:

四、调整 css.htm 文件

现在,一个非常简单的风格已经做好了,如果想要达到一些特殊的效果,还需要调整 css.htm 文件,不过为了保证不把 css.htm 文件弄乱,让自己都不知道做了什么,新的 6.0.0 模板为大家新增加了一个 css_append.htm 文件,大家可以在这里对 css.htm 文件进行修改,需要修改哪处,原版拷贝过来,然后调整属性即可,这样子可以很清楚的知道自己做了哪些调整,不至于当模板出现问题的时候无法查找。


100

满意

不满意

本篇文章用到的Tags : 风格 模板 制作

没找到您想要的答案吗?建议您到我们的讨论区发帖寻求大家和 Comsenz 工作人员的帮助。