入门篇（上）｜从入门到精通 Discuz模版风格制作指南

admin

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

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

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

假设你要制作一个环保网站，而DZ默认的蓝色又不能很好的体现这个主题，我们首先想到的就是找一个绿色的模版。就在这时，你看到了一个很不错的绿色模版。
eg.jpg (42.38 KB)
2006-11-17 23:34


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

我们来到自己网站的后台（以D5为准）。论坛管理——>界面风格，看到如下界面。
pic2.jpg (42.75 KB)
2006-11-17 23:34



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

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

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

Tips:其他可以对照默认风格的选项

外表格宽度 主表格宽度 主表格边缘空隙 主表格边框宽度 主表格内边框宽度

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

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


s2.gif (102.76 KB)
2006-11-17 23:34


s3.gif (85.03 KB)
2006-11-17 23:34



看看你的配色和教程中的有什么不同，这里使用的是翅膀。提供的配色方案。
ps.jpg (213.4 KB)
2006-11-17 23:34



完成啦！提交吧。
我们通过index.php?styleid=您的styleid(例如index.php?styleid=3)来看看刚才制作的风格。
demo.jpg (82.57 KB)
2006-11-17 23:34


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

Tips:

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

再看看……
demo2.jpg (79.44 KB)
2006-11-17 23:34


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