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 FAQ

一、识Discuz!后台的模板设置

首先进入后台,在顶部导航条里点击论坛设置,可以在左边导航栏看到界面风格和模板编辑两个选项。如图 1 所示:

Dz324.gif

二、修改默认风格

首先我们来认识一下风格配色的相关知识。点击默认风格后的详情,进入默认风格的配色页面。如图 2 所示:

Dz325.gif

这部分一共分为五部分:界面方案信息、文字及颜色配置、表格与背景色配置、其它颜色配置和变量添加。

(一)界面方案信息

如图 3 所示:

Dz326.gif

首先填入自己的风格名称,你可以随意写,这个名称会显示在首页下部的界面风格里边。

匹配模板,这个选择你要匹配的模板套系。这个很重要的哦,千万别选错了,否则就达不到自己的效果了哦。

默认表情分类,这个是选择在此款风格下,默认显示在发帖框旁边的表情是哪一套。

论坛logo,这个就是论坛顶部的logo,填入logo的地址即可,当然也可以填入flash地址的。

界面图片目录,这个也很重要哦,千万不要写错了自己模板图片所在的文件夹,否则就达不到效果了哦。

(二)文字及颜色配置

如图 4 所示:

Dz327.gif

正常字体设置,这个设置页面的字体类型,比如Arial,”宋体”等等。

正常字号设置,就是设置页面的普通字体的大小,也就是说当没有特殊定义的时候,字体大小就显示为这里定义的大小。

帖子内容字号设置,这里是设置帖子内的文字大小。

帖子内容大字号设置,这里是设置当用户点击帖子内的“大”后显示的字体大小。

帖子内容小字号设置,这里是设置当用户点击帖子内的“小”后显示的字体大小。

小号字体设置,这里是设置当定义为小号字体时使用的字体类型。

小号字号设置,这里是设置当定义为小号字体时所使用的字体大小。

内表格超级链接文字颜色,这里是设置在内表格内的超链接文字的颜色,如图 5 所示:

Dz328.gif

高亮链接颜色,定义一些特殊的链接颜色,如图 6 所示:

Dz329.gif

内表头文字颜色,就是分类论坛的名称颜色,如图 7 所示:

Dz330.gif

内表格中文字颜色,就是内表格中的普通文字颜色,如图 8 所示:

Dz331.gif

外表格中(表格除外)文字颜色,就是表格外的字体颜色,如图 9 所示:

Dz332.gif

浅色文字颜色,就是对一些文字的特殊定义,比如版块简介等等,如图 10 所示:

Dz333.gif

(三)表格以及背景颜色设置

如图 11 所示:

Dz334 1.gif
Dz334.gif

外表格宽度,这个是大部分页面的宽度,大概从页面的顶部到页面的底部上方的宽度,如图 12 所示范围:

Dz335.gif

主表格边缘空隙,这个看图把哈,如图 13 所示:

Dz336.gif

主表格背景,同上,你应该很清楚了把,那个就是主表格哦,就是它的背景颜色,如图 14 所示:

Dz337.gif

主表格边框宽度,就是上边那个表格边框的宽度。

主表格外边框颜色,就是上边那个表格最外边的边框的颜色。

页面背景,这个很好理解把,就是整个页面的背景。

内表头背景颜色,就是分类论坛文字所在的地方,如图 15 所示:

Dz338.gif

栏目背景颜色,就是内表头下边的那一行颜色,如图 16 所示:

Dz339.gif

栏目边框色,就是上边的那一栏的边框颜色。

聚合版块背景颜色,这包括几处,有下拉菜单的背景、广告的背景、标签的背景、联盟论坛和在线列表的背景,这几处使用的都是聚合背景的颜色。

内表格背景配色1,这个就是当鼠标移动到版块或者主题上表格背景的颜色。底部的背景也是这个哦。

内表格背景配色2,这个就是版块的背景色以及主题的背景色。如图 17 所示:

Dz340.gif

内表格边框色,就是上边那个表格的边框颜色。

提示信息背景颜色,如图 18 所示:

Dz341.gif

提示信息边框颜色,就是上边那个边框颜色哦。

提示信息文字颜色,就是上边那个文字颜色哦。

通用区域边框颜色,如图 19 所示:

Dz342.gif

版块间距,这个就是各分类版块之间的距离,如图 20 所示:

Dz343.gif

(四)其他颜色设置

如图 21 所示:

Dz344.gif

输入框边框颜色,这个就是输入框,比如发帖时的标题框、登陆时的用户名,密码框等等的边框颜色。

顶部菜单栏背景,就是顶部的横向菜单背景颜色,如图 22 所示:

Dz345.gif

顶部菜单栏文字颜色,就是上图中的文字颜色。

左右分栏背景颜色,就是启用左分栏的时候,左边的背景颜色。

(五)变量添加

如图 23 所示:

Dz346.gif

这个的作用主要就是添加自己自定义的变量,然后在css.htm文件内使用这些变量,有效的利用这个功能可以给自己带来极大的便利。

三、添加自己的模板套系

通过上一节的学习,相信你应该清楚如何在默认风格的基础上修改配色了把,那么现在我们来学习一下如何增加一套自己的模板体系。

首先进入后台――论坛设置――模板编辑,在新增里边填写自己的模板信息。如图 24 所示:

Dz347.gif

模板名称,这里填写你的模板套系的名称。

所在目录,填写你的模板文件的路径,注意,在填写路径之前,一定要先建立这个目录,否则提交的时候会出现问题的哦。如图 25 所示:

Dz348.gif

版权信息,填写自己的版权信息。

然后提交就可以了,提交之后你还可以修改自己的模板套系名称和所在目录,但是版权信息不可以修改了哦。

这样子你就建立了自己的模板套系,只要将相关的模板文件放入模板文件夹下,然后在界面风格内新增一个风格,选择此模板套系即可。界面风格的详细设置在上一节已经介绍了。如图 26 所示:

Dz349.gif

最后,一切设置好后记得要更新css缓存哦,不然效果可能看不到的。

四、大家看一下整体页面的显示(图27、28)

Dz350 1.gif
Dz350 2.gif
Dz350.gif


Dz351 1.gif
Dz351 2.gif
Dz351.gif

参考来源[ ]

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论坛程序