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

一 、css_append.htm文件的妙用

6.0的模板文件里新出现了一个css_append.htm文件,也许好多人都没有注意到把,或者根本就没有对它产生用的意思。其实这个文件还是有很大的用处哦,这里南芝就先向大家分享一个比较简单使用的技巧。

应该有不少人的首页都添加了首页X格,也有不少的首页X格使用div+css的方法定制,那么这就需要我们在css里边对这部分代码进行定义,那么我们做的定义是否合理?是否重复呢?

假如你的论坛有好几款风格,每一个风格都使用首页四格的话,那么在每一个风格的css文件内都需要定义,如果你所有的风格都使用的是同一个css.htm文件,那么倒没什么,但是好多人似乎都是下载别人发布的风格,那么我们还得单独为他们加入首页X格的css定义,是不是感觉重复呢?那么我们该如何去去除这种不必要的重复呢?

首页X格大多都是在discuz.htm文件内写入X格代码,基本上大多数风格都是没有修改过discuz.htm文件的,css定义写在css.htm文件内的话,如果我们每套风格都是使用的不同的css.htm文件,那么我们就要重复写入。

新的6.0模板添加了css_append.htm文件,那么我们就可以很好的把它利用起来。我们的风格自定义代码一般也都是写在css.htm文件内的,风格包内大家应该很少见到css_append.htm文件(除了官方的几套风格外),那么我们就可以在默认的模板文件夹default内的css_append.htm文件内写入我们的首页X格的css定义。这样子,只要其它风格没有单独使用css_append.htm文件,都会读取到这个首页X格的css定义的。当然,如果你的那个风格需要单独为首页X格进行定义,可以修改下css_append.htm文件,单独传到这个风格模板文件夹内。是不是感觉挺方便哦。

二、自定义风格变量的添加

其实从5.0的模板开始,dz已经加入了这个自定义风格变量的功能。可是,似乎大家都没有发现,或者说根本就没有想要用他们。这里我就和大家一起分享一下这个的使用经验,以及给我们带来的便利。

从5.0的萌发到现在,这个功能已经完善了不少,也给我们带来了极大的便利,那么到底我们该怎么很好的利用他们呢?

打开后台,进入论坛设置内的界面风格,随意点开一个风格的详情,拉到最下边,你会发现这里有一个变量?大家可以看下你自己的风格有使用过这个东东吗?它到底有什么作用,到底能解决什么问题,我们又该在什么情况下去应用它呢?

现在的模板采用的是div+css的架构方法,对我们修改模板也提供了极大的便利。很多论坛都不止使用一套风格,那么你有没有使用几个风格使用的是同一套模板文件呢?那么您是否为了处理一些不同而不得不写出来两套模板文件呢?虽然是很小的改动,但是也不得不这样子做呢?

可能大家有一些不了解,那么我举个例子先:

假如,你在目前的模板内的.wrap外围加了一个新的盒子,假设为.mybody,那么你就需要在css.htm文件内定义它的背景颜色、宽度等,到最后完工之后,如果你想仅仅改变一下颜色,换一种体验的话,泥灰选择怎么做呢?重新改动一下css.htm文件,新增加一套模板套系吗?如果您有很多种的颜色风格的话,挨个修改,挨个添加,不仅浪费时间,还浪费空间哦。这时,我们利用后台的自定义变量便可以减少这种繁琐的过程,从而很方便的利用现有的模板套系,在不更改模板css文件的情况下去实现我们想要的效果。

其实大家可以看到,现有的界面风格里边的不都是一些变量吗?只是dz默认的给出了一些常用的,我们也可以定义我们自己的来实现我们的便利。假如你在模板文件内有一个盒子.mybody,要定义它的背景颜色,那么我们就在相应的模板风格详情里边新增一个变量mybodybg,填入颜色,然后提交,你就会发现你定义的变量已经成功实现:{MYBODYBG},那么我们就可以在css.htm文件内这样子定义mybody的背景了:.mybody {background:{MYBODYBG};},这样子,如果我们想只要改变它的颜色的话,不用重建一个模板套系,直接在另一个模板内选择现有的模板套系,新增加这个变量便可以轻松做到了哦。


参考来源[ ]

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