入门篇
如果您已经了解基本的风格制作,您可以跳过此部分。
当然,本文在入门的基础上会进行一定的扩展,可不要错过了哦。

关于 Discuz 的安装使用,模板开发等教程,大家请查看由薇晓朵录制的 《Discuz 视频教程》

1. 了解 Discuz 的模版机制
Dz 的模版风格由两个主要部分组成:一是模版套系,二是界面方案。
默认模版套系是一切风格的根本,其位于论坛目录下的 templates/default,可以看到其中有很多的 htm 文件,这就是 DZ 的模版。今后的一切修改都要基于这个目录下的文件。
如果说模版套系是骨架,那么界面方案就是模版风格的血肉。其规定了模版风格的名称,使用的界面图片目录和 Smilies 图片目录,以及决定风格表现的字体,表格,颜色。
了解了这些,对我们开始进行模版风格的制作是非常重要的。

2. 制作属于自己的第一个风格
大多数情况下,我们只是希望风格能切合自己的论坛主题,而不是其他的什么。为了避免千篇一律,才有了许许多多的风格,本节中,我们通过修改界面方案,来制作属于自己的第一个风格。

假设你要制作一个环保网站,而 DZ 默认的蓝色又不能很好的体现这个主题,我们首先想到的就是找一个绿色的模版。就在这时,你看到了一个很不错的绿色模版。

eg.jpg

你很想使用这个模版,但是站长竟然不允许!没办法,自己动手,丰衣足食。
(在这里要说明,我并不提倡在没有站长同意的情况下 Rip 网站的风格,毕竟是他人辛勤劳作的结晶)

我们来到自己网站的后台 (以 D5 为准) 。论坛管理——> 界面风格,看到如下界面。

pic2.jpg

在新增处填上您想要的风格名字,然后提交。这时新的界面已经添加成功了,我们点击详情。
里面还是空空如也,接下来就要开始风格制作啦!
首先是基本的风格设置

界面方案名称:(您设定的值)
匹配模板: 默认模版套系
论坛 logo:(您设的 Logo 地址)
界面图片目录:images/green(请创建这个目录)
Smilies 图片目录:images/smilies 默认表情目录即可

接下来是文字的设置。您可以对照默认的风格来进行设置。

Tips: 其他可以对照默认风格的选项
外表格宽度
主表格宽度
主表格边缘空隙
主表格边框宽度
主表格内边框宽度

直到这一步 内表格中超级链接文字颜色,不能按照默认的设置了,因为接下来的设置都涉及到模版的配色了。

怎么办?您要去下载一个吸色器 http://www.skycn.com/soft/20596.html
之后对比下图来获取目标论坛 (本例中的 http://www.5d6d.com/bbs.php) 的不同部分的颜色。填入编辑界面方案之中。

s1.gif

s2.gif

s3.gif

看看你的配色和教程中的有什么不同,这里使用的是翅膀。提供的配色方案。

ps.jpg

完成啦!提交吧。
我们通过 index.php?styleid=您的 styleid(例如 index.php?styleid=3) 来看看刚才制作的风格。

demo.jpg

……怎么会这样?
因为没有传图片。每个风格可以使用单独的图片目录以配合风格配色,记性好的朋友应该还记得开始设置了 images/green,我们到 http://www.5d6d.com/bbs.php 上把需要用到的文件全部另存为到这个目录中。

Tips:
为了防止图片缺漏,您可以对比默认图片目录中的文件保存目标网站的模版图片。

再看看……

demo2.jpg

大功告成,您的第一个自己制作的风格就这样完成了。
现在,您可以导出您制作的风格,并与图片文件一起打包,发到网上与朋友们共享了!