编辑“Discuz:Discuz!6.0风格高级应用”

{{Discuz! 6.0 top}}
<div style="clear:both;"></div>
<h4 style="color:#0954a6;">一 、css_append.htm文件的妙用</h4>
<p style="text-indent:2em;">6.0的模板文件里新出现了一个css_append.[[htm]]文件，也许好多人都没有注意到把，或者根本就没有对它产生用的意思。其实这个文件还是有很大的用处哦，这里南芝就先向大家分享一个比较简单使用的技巧。</p>
<p style="text-indent:2em;">应该有不少人的[[首页]]都添加了首页X格，也有不少的首页X格使用[[div]]+[[css]]的方法定制，那么这就需要我们在css里边对这部分代码进行定义，那么我们做的定义是否合理？是否重复呢？</p>
<p style="text-indent:2em;">假如你的[[论坛]]有好几款风格，每一个风格都使用首页四格的话，那么在每一个风格的css文件内都需要定义，如果你所有的风格都使用的是同一个css.htm文件，那么倒没什么，但是好多人似乎都是[[下载]]别人发布的风格，那么我们还得单独为他们加入首页X格的css定义，是不是感觉重复呢？那么我们该如何去去除这种不必要的重复呢？ </p>
<p style="text-indent:2em;">首页X格大多都是在[[discuz]].htm文件内写入X格代码，基本上大多数风格都是没有修改过discuz.htm文件的，css定义写在css.htm文件内的话，如果我们每套风格都是使用的不同的css.htm文件，那么我们就要重复写入。</p>
<p style="text-indent:2em;">新的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文件，单独传到这个风格模板文件夹内。是不是感觉挺方便哦。</p>
<h4 style="color:#0954a6;">二、自定义风格变量的添加</h4>
<p style="text-indent:2em;">其实从5.0的模板开始，dz已经加入了这个自定义风格变量的功能。可是，似乎大家都没有发现，或者说根本就没有想要用他们。这里我就和大家一起分享一下这个的使用经验，以及给我们带来的便利。</p>
<p style="text-indent:2em;">从5.0的萌发到现在，这个功能已经完善了不少，也给我们带来了极大的便利，那么到底我们该怎么很好的利用他们呢？</p>
<p style="text-indent:2em;">打开后台，进入论坛设置内的界面风格，随意点开一个风格的详情，拉到最下边，你会发现这里有一个变量？大家可以看下你自己的风格有使用过这个东东吗？它到底有什么作用,到底能解决什么问题，我们又该在什么情况下去应用它呢？</p>
<p style="text-indent:2em;">现在的模板采用的是div+css的架构方法，对我们修改模板也提供了极大的便利。很多论坛都不止使用一套风格，那么你有没有使用几个风格使用的是同一套模板文件呢？那么您是否为了处理一些不同而不得不写出来两套模板文件呢？虽然是很小的改动，但是也不得不这样子做呢？</p>
<p style="text-indent:2em;">可能大家有一些不了解，那么我举个例子先：</p>
<p style="text-indent:2em;">假如，你在目前的模板内的.wrap外围加了一个新的盒子，假设为.mybody，那么你就需要在css.htm文件内定义它的背景颜色、宽度等，到最后完工之后，如果你想仅仅改变一下颜色，换一种体验的话，泥灰选择怎么做呢？重新改动一下css.htm文件，新增加一套模板套系吗？如果您有很多种的颜色风格的话，挨个修改，挨个添加，不仅浪费时间，还浪费空间哦。这时，我们利用后台的自定义变量便可以减少这种繁琐的过程，从而很方便的利用现有的模板套系，在不更改模板css文件的情况下去实现我们想要的效果。</p>
<p style="text-indent:2em;">其实大家可以看到，现有的界面风格里边的不都是一些变量吗？只是dz默认的给出了一些常用的，我们也可以定义我们自己的来实现我们的便利。假如你在模板文件内有一个盒子.mybody，要定义它的背景颜色，那么我们就在相应的模板风格详情里边新增一个变量mybodybg，填入颜色，然后提交，你就会发现你定义的变量已经成功实现：{MYBODYBG}，那么我们就可以在css.htm文件内这样子定义mybody的背景了：.mybody {background:{MYBODYBG};},这样子，如果我们想只要改变它的颜色的话，不用重建一个模板套系，直接在另一个模板内选择现有的模板套系，新增加这个变量便可以轻松做到了哦。</p>


== 参考来源 ==
*http://faq.comsenz.com/
{{Discuz! 6.0}}
[[category:Discuz风格模板]]