编辑“Discuz:Discuz!6.0风格制作”

__NOTOC__
{{Discuz! 6.0 top}}
<div style="clear:both;"></div>
<h4 style="color:#0954a6;">一、认识Discuz!的模板结构:</h4>
<p style="text-indent:2em;">首先，我们来了解一下[[Discuz]]!的风格结构，如图1所示，大体上分为三部分：header.[[htm]]、discuz.htm和footer.htm文件：</p>
<div style="width:719px;">
[[{{ns:image}}:dz791_1.gif]]</div>
<div style="width:719px;">
[[{{ns:image}}:dz791.gif]]</div>
<p style="text-indent:2em;">看一下header.htm文件内的大概结构，如图2：</p>
[[{{ns:image}}:dz792.gif]]
<p style="text-indent:2em;">再看一下discuz.htm文件内的大概结构，如图3：</p>
[[{{ns:image}}:dz793.gif]]
<p style="text-indent:2em;">最后看一下footer.htm文件的结构如图4：</p>
[[{{ns:image}}:dz794.gif]]
<h4 style="color:#0954a6;">二、添加新的风格:</h4>
<p style="text-indent:2em;">首先，我们在[[论坛]]的templates目录下新建一个名字为new的子目录，将默认文件夹下的header.htm、discuz.htm、footer.htm、css.htm、css_append.htm文件拷贝到这个目录，在论坛的images目录下复制一份default文件夹，修改名字为new。</p>
<p style="text-indent:2em;">然后，打开论坛后台，进入论坛设置――模板编辑，添加一个模板套系，名字叫做“新风格”，所在目录填写为.templates/new，版权信息填入自己的版权，提交。</p>
<p style="text-indent:2em;">再回到界面风格里边，添加一个新风格，名字为“新风格”，然后提交。</p>
<p style="text-indent:2em;">这样子，我们就添加好了我们的新风格。</p>
<h4 style="color:#0954a6;">三、设置新的风格</h4>
<p style="text-indent:2em;">进入界面风格，选择“新风格”，打开详情，逐步设置里边的各项，如果你不清楚各项都是什么，可以参考一下图5和图6：</p>
<div style="width:700px;">
[[{{ns:image}}:dz795_1.gif]]</div>
<div style="width:700px;">
[[{{ns:image}}:dz795_2.gif]]</div>
<div style="width:700px;">
[[{{ns:image}}:dz795_3.gif]]</div>
<div style="width:700px; border-bottom:1px solid #000;">
[[{{ns:image}}:dz795.gif]]</div><br>
<div style="width:700px;">
[[{{ns:image}}:dz796_1.gif]]</div>
<div style="width:700px;">
[[{{ns:image}}:dz796_2.gif]]</div>
<div style="width:700px;">
[[{{ns:image}}:dz796_3.gif]]</div>
<div style="width:700px; border-bottom:1px solid #000;">
[[{{ns:image}}:dz796.gif]]</div>
<p style="text-indent:2em;">我们以官方的“春意盎然”为例，设置界面风格详情，如图7。</p>
<div style="width:643px;">
[[{{ns:image}}:dz797_1.gif]]</div>
<div style="width:643px;">
[[{{ns:image}}:dz797_2.gif]]</div>
<div style="width:643px;">
[[{{ns:image}}:dz797_3.gif]]</div>
<div style="width:643px;">
[[{{ns:image}}:dz797_4.gif]]</div>
<div style="width:643px;">
[[{{ns:image}}:dz797.gif]]</div>
<p style="text-indent:2em;">添加好后，在界面风格内，点击更新[[css]]缓存，回到首页，刷新页面，选择自己新建的模板风格，即可看到新风格的页面，如图8。</p>
<div style="width:716px;">
[[{{ns:image}}:dz798_1.gif]]</div>
<div style="width:716px; border-bottom:1px solid #000;">
[[{{ns:image}}:dz798.gif]]</div>
<h4 style="color:#0954a6;">四、调整css.htm文件</h4>
<p style="text-indent:2em;">现在，一个非常简单的风格已经做好了，如果想要达到一些特殊的效果，还需要调整css.htm文件，不过为了保证不把css.htm文件弄乱，让自己都不知道做了什么，新的6.0模板为大家新增加了一个css_append.htm文件，大家可以在这里对css.htm文件进行修改，需要修改哪处，原版拷贝过来，然后调整属性即可，这样子可以很清楚的知道自己做了哪些调整，不至于当模板出现问题的时候无法查找。</p>

== 参考来源 ==
*http://faq.comsenz.com/
{{Discuz! 6.0}}

[[category:Discuz风格模板]]