入门篇
如果您已经了解基本的风格制作,您可以跳过此部分。
当然,本文在入门的基础上会进行一定的扩展,可不要错过了哦。
1.了解Discuz的模版机制
Dz的模版风格由两个主要部分组成:一是
模版套系,二是
界面方案。
默认模版套系是一切风格的根本,其位于论坛目录下的templates/default,可以看到其中有很多的htm文件,这就是DZ的模版。今后的一切修改都要基于这个目录下的文件。
如果说模版套系是骨架,那么界面方案就是模版风格的血肉。其规定了模版风格的名称,使用的界面图片目录和Smilies 图片目录,以及决定风格表现的字体,表格,颜色。
了解了这些,对我们开始进行模版风格的制作是非常重要的。
2.制作属于自己的第一个风格
大多数情况下,我们只是希望风格能切合自己的论坛主题,而不是其他的什么。为了避免千篇一律,才有了许许多多的风格,本节中,我们通过
修改界面方案,来制作属于自己的第一个风格。
假设你要制作一个环保网站,而DZ默认的蓝色又不能很好的体现这个主题,我们首先想到的就是找一个绿色的模版。就在这时,你看到了一个很不错的绿色模版。
你很想使用这个模版,但是站长竟然不允许!没办法,自己动手,丰衣足食。
(在这里要说明,我并不提倡在没有站长同意的情况下Rip网站的风格,毕竟是他人辛勤劳作的结晶)
我们来到自己网站的后台(以D5为准)。论坛管理——>界面风格,看到如下界面。
在新增处填上您想要的风格名字,然后提交。这时新的界面已经添加成功了,我们点击详情。
里面还是空空如也,接下来就要开始风格制作啦!
首先是基本的风格设置
引用:
界面方案名称:(您设定的值)
匹配模板:默认模版套系
论坛 logo:(您设的Logo地址)
界面图片目录:images/green(请创建这个目录)
Smilies 图片目录:images/smilies 默认表情目录即可
接下来是文字的设置。您可以对照默认的风格来进行设置。
| Tips:其他可以对照默认风格的选项 |
外表格宽度
主表格宽度
主表格边缘空隙
主表格边框宽度
主表格内边框宽度 |
直到这一步 内表格中超级链接文字颜色,不能按照默认的设置了,因为接下来的设置都涉及到模版的配色了。
怎么办?
您要去下载一个吸色器 http://www.skycn.com/soft/20596.html
之后对比下图来获取目标论坛(本例中的
http://www.5d6d.com/bbs.php)的不同部分的颜色。填入编辑界面方案之中。
看看你的配色和教程中的有什么不同,这里使用的是翅膀。提供的配色方案。
完成啦!提交吧。
我们通过index.php?styleid=您的styleid(例如index.php?styleid=3)来看看刚才制作的风格。
……怎么会这样?
因为没有传图片。每个风格可以使用单独的图片目录以配合风格配色,记性好的朋友应该还记得开始设置了images/green,我们到
http://www.5d6d.com/bbs.php上把需要用到的文件全部另存为到这个目录中。
| Tips: |
| 为了防止图片缺漏,您可以对比默认图片目录中的文件保存目标网站的模版图片。 |
再看看……
大功告成,您的第一个自己制作的风格就这样完成了。
现在,您可以导出您制作的风格,并与图片文件一起打包,发到网上与朋友们共享了!
[
本帖最后由 FujiwaraSai 于 2006-11-17 23:35 编辑 ]