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

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

我们来看看下面这个模版:

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

我们做一个分解:

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

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

通过这个指南,

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

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

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

目录

1.入门篇(上)

入门篇

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

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

1.了解Discuz的模版机制

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

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

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

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

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

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

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

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

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

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

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

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

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

首先是基本的风格设置

QUOTE:

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

匹配模板:默认模版套系

论坛

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,我们到自己的空间)把需要用到的文件全部另存为到这个目录中。

Tips:

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

再看看……

从入门到精通 Discuz模版风格制作…相关推荐

  1. Dreamweaver教程从入门到精通 html篮球网站制作 学生静态网页作业源码模板

  2. 《Dreamweaver CS6完美网页制作——基础、实例与技巧从入门到精通》——1.2 网页的基本构成元素...

    本节书摘来自异步社区<Dreamweaver CS6完美网页制作--基础.实例与技巧从入门到精通>一书中的第1章,第1.2节,作者:何新起 更多章节内容可以访问云栖社区"异步社区 ...

  3. 虚幻引擎5(UE5)实时VFX游戏特效制作入门到精通

    UE5 Niagara学习教程  课程获取:虚幻引擎5(UE5)实时VFX游戏特效制作入门到精通-云桥网 你会学到什么 我将通过创建各种各样的实时效果来教你虚幻引擎中强大的粒子系统. 我们将从简单的基 ...

  4. 《HTML、CSS、JavaScript 网页制作从入门到精通》——6.6 单元格属性

    本节书摘来自异步社区<HTML.CSS.JavaScript 网页制作从入门到精通>一书中的第6章,第6.6节,作者:[美]John Resig(莱西格) , Bear Bibeault( ...

  5. 《Dreamweaver CS6完美网页制作——基础、实例与技巧从入门到精通》——1.3 常用网页设计软件...

    本节书摘来自异步社区<Dreamweaver CS6完美网页制作--基础.实例与技巧从入门到精通>一书中的第1章,第1.3节,作者:何新起 更多章节内容可以访问云栖社区"异步社区 ...

  6. xd怎么制作年月日选项_Adobe XD从入门到精通(上)

    原标题:Adobe XD从入门到精通(上) Adobe XD是一款免费的轻量级的原型制作软件,功能大致分为"设计"(静态界面设计)和"原型"(实现动态交互),他 ...

  7. 《HTML、CSS、JavaScript 网页制作从入门到精通》——第6章 使用表格

    本节书摘来自异步社区<HTML.CSS.JavaScript 网页制作从入门到精通>一书中的第6章,第6.1节,作者:[美]John Resig(莱西格) , Bear Bibeault( ...

  8. [中文版Dreamweaver.Flash.Photoshop网页制作从入门到精通(CS4版)].杨颖张永雄 pdf

    下载地址:网盘下载 内容提要 4416<中文版Dreamweaver+Flash+Photoshop网页制作从入门到精通(CS4版)>可以帮助读者在制作网页时快速入门.提高,是一本能学以致 ...

  9. 《网页制作与网站建设从入门到精通》版权

    图书在版编目(CIP)数据 网页制作与网站建设从入门到精通/何新起编著.--北京:人民邮电出版社,2013.7 ISBN 978-7-115-32360-6 Ⅰ.①网- Ⅱ.①何- Ⅲ.①网页制作工具 ...

最新文章

  1. php spl的优势,PHP SPL核心库相对以前有什么好处嘛?
  2. vue中通过post方式异步上传文件
  3. 【人脸对齐-Landmarks】300W 数据集
  4. 终极搜索 - Find 方法指南
  5. 【Python】【Python语言】Python3.7.2的关键字模块(keyword module)
  6. [CTO札记]给新助理的3句话
  7. gatewayworker配置php,tp5整合GatewayWorker
  8. java计算机毕业设计家庭安防系统MyBatis+系统+LW文档+源码+调试部署
  9. 吊打面试官系列之:移动APP测试开发面试题汇总,对标P7职位~ ~熬夜整理,建议收藏!!!
  10. Es6模板字符串封装与使用
  11. oracle的em能干什么,Oracle中EM的配置
  12. [PHP]md5加密
  13. iis搭建ftp服务器及身份验证设置
  14. 用PYQT5实现非常基本sqlite的编辑器
  15. 计算机操作系统的pv是什么意思,计算机操作系统关于PV操作的一道题
  16. 多商家入驻分销平台开发 多商家入驻分销源码下载
  17. 技术笔记:Wordpress建站,解决无法外网访问的方法
  18. Hive 3.1.2Linux CentOs 安装,踩坑 Dbeaver 连接Hive
  19. Flink-Task、SubTask、并行度
  20. unity 如何制作成网页游戏版本

热门文章

  1. vue解决两个字和三个字对齐问题
  2. 线下场景-内存(Android profiler + MAT + adb)
  3. iOS开发——CF前缀
  4. php如何设置小数后一位,PHP问题:PHP如何保留小数点后一位,并且不四舍五入
  5. Halcon图像预处理-图像的变换与校正
  6. Shapr3d建模制图软件大学生教育优惠免费1年申请教程
  7. 漫谈加持Blink的Flink和Spark
  8. Linux·网络入门基础知识
  9. 快手书单号保姆级从起号到变现-基础规则
  10. 怎么把计算机调制出音乐,计算机音乐人性化音色调制技术.doc