从入门到精通 Discuz模版风格制作…

时间:2021-08-28 02:09:45

说道模版风格的制作,很多朋友可能会觉得很头疼,认为这是一件很困难的事情。

制作好的模版风格确实很难,但是我们很多时候需要的只是与众不同的风格,并非什么华丽无比的作品,就是这简单的修改,也可能会难倒很多朋友。

我们来看看下面这个模版:
从入门到精通 Discuz模版风格制作…

看起来是不是很华丽?是不是很难制作?

我们做一个分解:

从入门到精通 Discuz模版风格制作…

一个普通的模版,仅仅需要修改这三个文件以及配色就可以完成了,很简单对不?





我的目标是(绝对不是没有蛀牙):

通过这个指南,

不会制作风格的朋友在入门篇结束后能够仿制出例图中这样类型的模版。

会制作简单风格的朋友在进阶篇制作出较为复杂的模版。

已经掌握风格制作的朋友在高级篇能够制作出无名杂志论坛那样的,涉及较多程序修改的模版。



目录

1.入门篇(上)

入门篇

如果您已经了解基本的风格制作,您可以跳过此部分。

当然,本文在入门的基础上会进行一定的扩展,可不要错过了哦。




1.了解Discuz的模版机制

Dz的模版风格由两个主要部分组成:一是模版套系,二是界面方案

默认模版套系是一切风格的根本,其位于论坛目录下的templates/default,可以看到其中有很多的htm文件,这就是DZ的模版。今后的一切修改都要基于这个目录下的文件。

如果说模版套系是骨架,那么界面方案就是模版风格的血肉。其规定了模版风格的名称,使用的界面图片目录和Smilies

图片目录,以及决定风格表现的字体,表格,颜色。

了解了这些,对我们开始进行模版风格的制作是非常重要的。



2.制作属于自己的第一个风格

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



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

 

你很想使用这个模版,但是站长竟然不允许!没办法,自己动手,丰衣足食。

(在这里要说明,我并不提倡在没有站长同意的情况下Rip网站的风格,毕竟是他人辛勤劳作的结晶)



我们来到自己网站的后台(以D5为准)。论坛管理——>界面风格,看到如下界面。
从入门到精通 Discuz模版风格制作…

 

在新增处填上您想要的风格名字,然后提交。这时新的界面已经添加成功了,我们点击详情。

里面还是空空如也,接下来就要开始风格制作啦!

首先是基本的风格设置





QUOTE:

界面方案名称:(您设定的值

匹配模板:默认模版套系

论坛

logo:(您设的Logo地址

界面图片目录:images/green(请创建这个目录

Smilies

图片目录:images/smilies

默认表情目录即可



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















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



外表格宽度

主表格宽度

主表格边缘空隙

主表格边框宽度

主表格内边框宽度





直到这一步

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



怎么办?您要去下载一个吸色器 http://www.skycn.com/soft/20596.html

之后对比下图来获取目标论坛(本例中的http://www.5d6d.com/bbs.php)的不同部分的颜色。填入编辑界面方案之中。
从入门到精通 Discuz模版风格制作…

从入门到精通 Discuz模版风格制作…

从入门到精通 Discuz模版风格制作…

看看你的配色和教程中的有什么不同,这里使用的是翅膀。提供的配色方案。
从入门到精通 Discuz模版风格制作…

完成啦!提交吧。

我们通过index.php?styleid=您的styleid(例如index.php?styleid=3)来看看刚才制作的风格。
从入门到精通 Discuz模版风格制作…

……怎么会这样?

因为没有传图片。每个风格可以使用单独的图片目录以配合风格配色,记性好的朋友应该还记得开始设置了images/green,我们到自己的空间)把需要用到的文件全部另存为到这个目录中。















Tips:



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

再看看……
从入门到精通 Discuz模版风格制作…