Discuz! 6.0.0风格制作教程
如果你是刚开始接触 Discuz! 6.0.0 可能对模板结构并不熟悉,本文将简要介绍一下 Discuz! 6.0.0 的模板结构,帮您更好的 DIY 自己的风格。[b]一、认识 Discuz! 6.0.0 的模板结构[/b]
首先,来了解一下 Discuz! 6.0.0 的风格结构,如下图所示,大体上分为三部分:header.htm、discuz.htm 和 footer.htm 文件:
[url=http://faq.comsenz.com/attachments/2008/06/5_200806110814171Rx6p.gif][img=644,489]http://faq.comsenz.com/attachments/2008/06/5_200806110814171Rx6p.gif[/img][/url]
看一下 header.htm 文件内的大概结构,如下图所示:
[url=http://faq.comsenz.com/attachments/2008/06/5_2008061108141720NLW.gif][img=644,103]http://faq.comsenz.com/attachments/2008/06/5_2008061108141720NLW.gif[/img][/url]
再看一下 discuz.htm 文件内的大概结构,如下图所示:
[url=http://faq.comsenz.com/attachments/2008/06/5_200806110814173lsbA.gif][img=644,340]http://faq.comsenz.com/attachments/2008/06/5_200806110814173lsbA.gif[/img][/url]
最后看一下 footer.htm 文件的结构如下图所示:
[url=http://faq.comsenz.com/attachments/2008/06/5_200806110814174TAGE.gif][img=644,50]http://faq.comsenz.com/attachments/2008/06/5_200806110814174TAGE.gif[/img][/url]
[b]二、添加新的风格[/b]
首先,在论坛的 templates 目录下新建一个名字为 new 的子目录,将默认文件夹下的 header.htm、discuz.htm、footer.htm、CSS.htm、CSS_append.htm 文件拷贝到这个目录,在论坛的 images 目录下复制一份 default 文件夹,修改名字为 new。
然后,打开论坛后台 => 论坛设置 => 模板编辑:添加一个模板套系,名字叫做“新风格”,所在目录填写为 .templates/new,版权信息填入自己的版权,提交。
再回到界面风格里边,添加一个新风格,名字为“新风格”,然后提交。
这样,就添加好新风格了。
[b]三、设置新的风格 [/b]
进入界面风格,选择“新风格”,打开详情,逐步设置里边的各项,如果你不清楚各项都是什么,可以参考下列图解:
[url=http://faq.comsenz.com/attachments/2008/06/5_200806110814175wm4h.gif][img=644,1427]http://faq.comsenz.com/attachments/2008/06/5_200806110814175wm4h.gif[/img][/url][url=http://faq.comsenz.com/attachments/2008/06/5_200806110814176gKb3.gif][img=644,1519]http://faq.comsenz.com/attachments/2008/06/5_200806110814176gKb3.gif[/img][/url]
以官方的“春意盎然”为例设置界面风格详情,如下图所示:
[url=http://faq.comsenz.com/attachments/2008/06/5_200806110814177DElU.gif][img=644,2936]http://faq.comsenz.com/attachments/2008/06/5_200806110814177DElU.gif[/img][/url]
添加好后,在界面风格内,点击更新 CSS 缓存,回到首页,刷新页面,选择自己新建的模板风格,即可看到新风格的页面,如下图所示:
[url=http://faq.comsenz.com/attachments/2008/06/5_200806110814178HDyf.gif][img=644,483]http://faq.comsenz.com/attachments/2008/06/5_200806110814178HDyf.gif[/img][/url]
[b]四、调整 css.htm 文件[/b]
现在,一个非常简单的风格已经做好了,如果想要达到一些特殊的效果,还需要调整 css.htm 文件,不过为了保证不把 css.htm 文件弄乱,让自己都不知道做了什么,新的 6.0.0 模板为大家新增加了一个 css_append.htm 文件,大家可以在这里对 css.htm 文件进行修改,需要修改哪处,原版拷贝过来,然后调整属性即可,这样子可以很清楚的知道自己做了哪些调整,不至于当模板出现问题的时候无法查找。
页:
[1]











