个人工具
名字空间
变换
操作

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文件:

Dz791 1.gif
Dz791.gif

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

Dz792.gif

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

Dz793.gif

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

Dz794.gif

二、添加新的风格:

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

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

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

这样子,我们就添加好了我们的新风格。

三、设置新的风格

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

Dz795 1.gif
Dz795 2.gif
Dz795 3.gif
Dz795.gif

Dz796 1.gif
Dz796 2.gif
Dz796 3.gif
Dz796.gif

我们以官方的“春意盎然”为例,设置界面风格详情,如图7。

Dz797 1.gif
Dz797 2.gif
Dz797 3.gif
Dz797 4.gif
Dz797.gif

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

Dz798 1.gif
Dz798.gif

四、调整css.htm文件

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

参考来源

Discuz! 6.0使用手册导航

Discuz! 6.0安装:

Discuz! 6.0产品概况| Discuz! 6.0环境要求| Discuz! 6.0安装详细过程| Discuz! 6.0文件及目录结构| Discuz! 6.0安装的常见问题| 附录 如何在Discuz上安装个人空间SupeSite/x-space指南| 附录 论坛一键式安装Discuz!EXP及EasyDiscuz指南| 附录 discuz本地运行环境构建(windows)

Discuz! 6.0使用:

Discuz! 6.0日常使用| Discuz! 6.0 config.inc.php配置问题| 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后台其它设置| Discuz! 6.0后台社区营销| Discuz! 6.0后台系统工具

Discuz! 6.0风格模板

Discuz!6.0风格制作| Discuz!6.0界面风格与模板定制| Discuz!6.0风格高级应用| Discuz!6.0头部模板header详解| Discuz!6.0页脚模板footer详解

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开发

Discuz!6.0插件设计 | Discuz!6.0插件设置及管理| Discuz!6.0插件的钩子使用技巧| Discuz!6.0插件代码的安全规范| Discuz!6.0PassPort接口技术文档

Discuz! 6.0 FAQ

Discuz!6.0经验技巧| Discuz!6.0防御CC攻击说明| Discuz!6.0搜索引擎优化| Discuz!6.0论坛程序

留言