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










6.1
Discuz! 6.1.0风格高级应用
2008-06-06┆29,881 Views┆61

Discuz! 风格的制作其实有很多技巧,巧妙的利用这些技巧,会让自己制作风格以及升级风格变得简单、快捷,本文将介绍两个小技巧,希望能对您有所帮助。

一 、css_append.htm 文件的妙用

Discuz! 6.0.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 文件,那么我们就要重复写入。

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

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

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

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

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

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

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

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

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


61

满意

不满意

本篇文章用到的Tags : 风格 高级应用

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