插件作者的标准出来了!Manyou诚邀开发者加盟!
“互联网平台开发者”特刊 有奖征集开发者
立即免费下载 Discuz!6.1.0正式版
Discuz! 6.1.0 使用说明
Discuz!NT2.5正式版发布
开放源码下载
UCenter Home 1.2 正式版发布
官方站 | 帮助文档
基于ECShop的网店托管-卖否
PHP就业培训直通车 | LAMP培训大连
Discuz!收费服务内容及价格
“感谢有你同行”手握手2008年数万元重奖志愿者
Discuz!/ECShop 专用官方虚拟主机
亿声传媒(Insenz)中秋祝福发送中
Comsenz 招聘信息
网店系统ECShop v2.6.0正式版火热发布
基于Discuz!的免费论坛空间5D6D
参与有奖社区调查 赢取台湾5日游
发新话题
打印

█ 入门篇(上)|从入门到精通 Discuz模版风格制作指南

█ 入门篇(上)|从入门到精通 Discuz模版风格制作指南


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


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 编辑 ]
本帖最近评分记录
  • oxiaohaio 金币 +3 我很赞同 2007-2-18 17:17
  • AgFx 威望 +5 精品文章 2006-11-17 23:37
  • AgFx +5 精品文章 2006-11-17 23:37
入门篇占位
疑难解答位
支持~~!
记得在在哪有看过~不过还是支持~~新版
界面配色对比是Discuz Team的dfox制作的
http://www.discuz.net/thread-390246-1-1.html
特别感谢^^
支持一个!!!!!!

[ 本帖最后由 mirxx 于 2006-11-17 23:51 编辑 ]
:lol :lol :lol :lol :lol
如果教程不在一个帖子中,最好和其它的教程一样有个链接,呵呵。
论坛名称:设计天空论坛
论坛地址:http://bbs.zxx6.com/
logo预览:http://www.zxx6.com//logo.gif
论坛说明:图形图像、网站建设爱好者的家园。
做个记号 有时间的时候 来看看

友情连接


新贵E族
祝福大家新年快乐
--[http://www.19288.com/bbs]----------------------jianquan
发新话题
版块跳转