`

Discuz论坛风格制作

    博客分类:
  • Asp
阅读更多
风格包制作方法及风格包标准
风格包制作过程
当然完全制作好以及调试好的一个风格,如果想跟大家分享,就可以打包给大家了。
风格包所包含的元素:
    1,风格所需的图片,images/风格名字/ 里面的文件
    2,风格所需的模板,templates/风格名字/ 里面的文件
    3,风格安装所需的导入文件,dz_style_*.txt (2.5以下使用) discuz_style_*.txt(4.0使用)
    4,风格安装所需配色文件,文件名不定,我建议命名为 color ,是html格式的文件
    5,风格说明文件, readme ,文件格式不定,我建立用 html 格式
以上 5个是风格包中必须,而且均不可少的!请在打包的时候多检查!

好,开始制作!
1和2中的文件,很简单,在调试风格的论坛目录中复制出来就可以了!
   ● 开一个新的文件夹,起个名叫  风格名字_for_xx(论坛版本) ,例如  name_for_D4
   ● 在 name_for_D4 中再开一个新的文件夹,名为 upload
   ● 在 upload 中再新建两个文件夹,分别名为 images 和  templates
   ● 把调试论坛中复制的文件分别放到这两个文件夹中,结构如下
        - upload
           - images
              - name
                      - *.gif / *.jpg
           - templates
              - name
                  - *.htm / *.lang.php

    注:在模板中其实不一定需要所有模板文件,只要提供有修改过的就可以,其他的系统会从默认模板中获取,语言包(*.lang.php)也一样,也就是为什么不建议删除默认模板的原因!
   ● 导入文件的生成,在系统设置->界面风格->界面风格中,每个风格方案后都有一个[下载]的连接,点它就能生成 discuz_style_*.txt的文件,其实 * 就是风格的名字
   ● 配色文件,在系统设置->界面风格->界面风格中,每个风格方案后都有一个[详情]的连接,点它进入配色方案页面,把这个页面的HTML保存为 color.htm 即可!
   ● readem说明文件,请在文件中写入一分风格安装方法,方便新人阅读及安装!为什么要用,HTML格式呢?是担心如果用txt格式,如果是不同语言系统的人查看就麻烦了,用HTML格式就不用担心这样的问题。

下面就是风格包的结构和说明:
      - doc                                // 文档目录,一些风格所需的文件存放目录
          - discuz_style_*.txt                 // 风格导入安装文件
          - color.htm                        // 风格配色方案文件
      - upload                        // 需要上传的目录
          - images                        // 图片目录
             - name                        // 风格图片目录
          - templates                        // 模板目录
             - name                        // 风格模板目录
      - readem.htm                        // 说明文件

所有文件资料完整后,就能压缩打包了!


风格包标准
1,说明文件标准,以下资料请必须包含在 readme.htm 文件中
******************************************************************************
** 风格名称:
** 适用版本:
** 语言编码:
** 风格作者:(如是转换风格请说明原作者或来源)
** 版权所属:
** 支持网站:
******************************************************************************
风格相关说明:
             -----------------------------------------------------------------
---------------------------------------------------------------------------

1,风格安装包结构:
      - doc                                // 文档目录,一些风格所需的文件存放目录
          - discuz_style_*.txt                 // 风格导入安装文件
          - color.htm                        // 风格配色方案文件
      - upload                        // 需要上传的目录
          - images                        // 图片目录
             - name                        // 风格图片目录
          - templates                        // 模板目录
             - name                        // 风格模板目录
      - readem.htm                        // 说明文件

2,风格安装方法:
    1. 打开 discuz_style_*.txt 文件,把里面所有内容复制出来,
       到论坛 -> 系统设置 -> 界面风格 -> 界面风格 内在 “导入界面方案”内粘帖上复制出来的内容,然后点 “提交”!

    2. 把风格包中的 images 内的 name 目录上传到论坛目录下 images 目录内

    3. 把风格包中的 templates 内的 name 目录上传并覆盖到论坛目录下 templates 目录内的 name

    4. 最后到 论坛 -> 系统设置 -> Discuz!工具 -> 更新缓存,返回论坛选择风格看效果吧!

    或者阅读更详细的安装方法 http://www.discuz.net/viewthread.php?tid=163012
2,风格命名标准
或许大家会发现同样类型的风格,作者都会有一样的名字,特别是风格图片和模板目录,为了避免这样的问题,建议用下面的方法命名:
  ● 风格主题命名法:
     如果你的风格主题名字是独创的则非常适用,相信重复机率也很小,直接用你独特的名字吧!
  ● 作者名字命名法:
     如果你经常发布风格,但又没有为每个风格刻意命名,可以用自己的名字为开头来命名,例如 abc_01 abc_02 或者 abc_xxx ,相信这样重复机率更小。
  ● 年份日期命名法:
     用年份或日期来命名,也是方便而且重复机率小的。
  ● 混合命名法:
     综合上面3种方法一起命名,例如 abc_2006_xxx 或者 abc_0120_xxx ,这些都由你的喜好吧!

        使用这样的命名法,也是因为Discuz!的风格越来越多,重复的可能也越来越大~希望有这样的标准,可以让Discuz!的风格更规范!


3,风格包结构标准
      - doc                                // 文档目录,一些风格所需的文件存放目录
          - discuz_style_*.txt                 // 风格导入安装文件
          - color.htm                        // 风格配色方案文件
      - upload                        // 需要上传的目录
          - images                        // 图片目录
             - name                        // 风格图片目录
          - templates                        // 模板目录
             - name                        // 风格模板目录
      - readem.htm                        // 说明文件
基本按照这样来做,就很不错~

4,模板文件标准
      请各位了解,Discuz!来到4.0这个版本,语言设置不再是模板编辑中设置,而是在选择安装论坛的时候就决定了,在config.inc.php中就决定了,到底是什么语言及编码!Discuz!4分了两个语言,分别是简体和繁体版;三种编码,分别是GBK、BIG5和UTF-8,而UTF-8也分别提供两种语言,分别是简体和繁体。也就一共提供4个语言编码版本的程序,分别是简体GBK、简体UTF-8、繁体BIG5、繁体UTF-8。
所以只要不在模版中直接编写中文的话,不管是什么语言的论坛制作的风格都能正常使用。
一定要记得了,不要在模版中编写中文,一定要通过语言包来实现哦!


5,HTML标准,或者说我们更加要向XHTML看齐了!
      请在编写HTML的时候主要语法的标准性了,详细请查阅 http://www.discuz.net/viewthread.php?tid=217666
减少自己在编写HTML中的陋习了~呵呵~

6,CSS标准,也请尽量向CSS 2.0看齐了~
      在编写模版的时候,尽量适用外部调用的CSS,这样将更方便以后的修改~,尽量把CSS定义写在 css.htm 中,减少直接在页面中用style来定义了~
--------------------------------------------------------------------
--------------------------------------------------------------------
做完图片之后放入一个文件夹内,假定名为abc,上传至images下
将制作的风格模板文件放入另外一个abc内(和图片是两个文件夹),上传至templates下

进入后台~~

论坛管理——模板编辑——新增模板——输入名称如aaa,所在目录./templates/abc

论坛管理——界面风格——新增风格(输入风格名称aaa)——进入“详情”——设置匹配模板配色等

完了以后在界面风格中点要导出风格后的“下载”,就可以了~导出的就是TXT文件

再和images/abc和templates/abc一起打包就可以上传共享了
分享到:
评论

相关推荐

    Discuz!模板制作详细教程

    对于想要定制化自己论坛外观的用户来说,掌握如何制作Discuz! 模板是一项必备技能。本文将详细介绍Discuz! 模板的制作过程,帮助读者从零开始制作出美观且功能完善的论坛模板。 #### 二、准备工作 在开始制作模板...

    discuz论坛插件DZ插件 多风格导航条 1.4.2 仿腾讯微博版

    论坛插件是为Discuz! 论坛系统量身定制的一种增强功能的工具,旨在提升用户体验和论坛管理效率。本插件名为"DZ插件 多风格导航条 1.4.2 仿腾讯微博版",其核心特性在于提供多样的导航条样式,模仿了腾讯微博的界面...

    Discuz! 苍天风格

    jQuery是一个流行的JavaScript库,简化了DOM操作、事件处理和动画制作,使得用户在浏览论坛时能享受到更丰富的交互体验。 6. **安装与定制**:用户在下载"discuz843"压缩包后,需按照Discuz! 的模板安装指南进行...

    Discuz!Xp风格for Discuz!2.0

    Xp风格for Discuz!2.0 Discuz!Xp 安装方法. -- 小撒制作. 1. 上传 “images”目录中的“DiscuzXp”,到对映目录。 上传 “images”目录中的“icon”,到对映目录。 上传“templates”目录...

    discuz 模版制作系列教程

    Discuz! 模板制作系列教程是一套专为熟悉或想要深入学习 Discuz!... 模板制作系列教程,你可以不仅掌握论坛界面设计的基本技巧,还能进一步提升对 Web 开发的理解,从而打造出具有个性和专业水准的 Discuz! 论坛。

    纯黑色的论坛风格包希望喜欢

    论坛系统的风格包,Discuz! 是一款流行的开源论坛软件。"黑色格黑"可能是这个风格包的主题名称,意味着它具有黑底色和网格设计元素。这个`.txt`文件可能包含了风格包的说明、安装指南或定制说明,供用户参考。 2. `...

    discuz模板制作方法.docx

    以下是一个详细的教程,教你如何制作 Discuz! X2.5 的模板。 首先,模板制作前的准备工作: 1. 设计界面:使用图形设计工具(如 Photoshop 或 Sketch)设计论坛的界面,并将其转化为 HTML 和 CSS 格式。 2. 了解...

    TEA的DZ论坛模板制作教程

    ### TEA的DZ论坛模板制作教程知识点解析 #### 一、概述 本文档提供了关于Discuz!(简称DZ)论坛模板制作的详细教程。Discuz!是一款非常流行的开源社区软件,广泛应用于各类中文网站的论坛建设。通过本文档的学习,...

    [Honey.哈你原创]夏之绿荫 for discuz6.0风格(原kid绿色清爽风格

    5. 图片资源:图片是论坛风格的重要组成部分,用于制作按钮、背景、图标等,使论坛看起来更加生动和专业。 6. 模板文件:模板文件通常包含HTML代码和PHP脚本,定义了论坛的各个页面结构和功能。用户可以通过修改...

    discuz论坛插件DZ插件 多风格导航条 1.4.2 仿腾讯微博版ltg_love

    本插件名为“多风格导航条 1.4.2 仿腾讯微博版ltg_love”,它主要致力于改善论坛顶部导航条的设计,使其更加美观且具有类似腾讯微博的风格。 首先,我们来深入了解这个插件的核心特点。"多风格导航条"意味着它提供...

    Discuz模板制作手册

    ### Discuz模板制作手册知识点详解 #### 一、全局变量G使用方法 ##### G变量的定义与作用 在Discuz中,全局变量`G`是一个非常重要的概念,它包含了大量与用户、设置、系统相关的信息,是开发人员进行模板定制时不...

    Discuz! 银杏风格

    银杏风格】是一款专为Discuz! 论坛系统设计的界面主题,它提供了独特的银杏叶元素和配色方案,旨在为用户带来清新、优雅的浏览体验。作为一款网页模版,它包含了CSS样式表、HTML模板文件、图片资源以及可能的...

    Discuz! 中秋节风格

    中秋节风格"描述的是这个模板所包含的设计元素和功能,可能包括特定的图标、背景图像、色彩搭配以及与中秋节相关的特殊功能,如中秋祝福、月饼制作分享、诗词大赛等互动模块。通过应用这个风格,论坛在中秋节期间...

    Discuz! X1.5 果壳社区清新/现代/年轻/潮流风格模板.rar

    仿制果壳网的风格制作的,部分素材源自互联网,权属归原作者享有。  个人第一次做着玩的,感觉很清新现代。  发现制作风格不是很难,其实大家可以根据自己的喜好,搜集素材  制作不同的风格上传到 discuz 来...

    一套克米设计Discuz!X3.0清新蓝色风格论坛门户模版.rar

    X3.0清新蓝色风格论坛门户模版.rar”揭示了我们要讨论的核心内容:这是一款由克米设计团队制作的适用于Discuz!X3.0平台的论坛门户模板,其设计风格以清新蓝色为主调。Discuz!X3.0是一个广泛使用的开源社区论坛软件,...

    Discuz! X1蓝色之恋风格模板[一起站长吧制作].rar

    风格名称 一起站长吧 蓝色之恋 for Discuz! X1 适用版本 Discuz! X1 语言编码 GBK 风格作者 创意天空 版权所属 一起站长吧风格转换者 原创 支持网站 演示地址: http://www.17zz.org/index.php 第一个分享的论坛及全...

    教你Discuz模板制作详细步骤.doc

    模板制作教程旨在帮助用户理解如何创建自定义的论坛界面,适用于那些希望个性化其论坛风格但缺乏相关经验的用户。Discuz! 是一个流行的PHP论坛软件,允许用户通过修改模板来改变网站的外观和布局。 首先,模板制作...

    Discuz! x2龙年发财金红色风格模板

    X2龙年发财金红色风格模板”无疑为庆祝春节的论坛用户提供了极富中国特色和喜庆气氛的视觉体验。它不仅为论坛带来了独特的魅力,更为站长们提供了提升论坛活跃度和用户黏性的有效工具。无论是春节抑或是日常使用,...

    Discuz_X2模板制作指南

    《Discuz_X2模板制作指南》是一篇针对Discuz_X2论坛系统用户和开发者的技术文档,主要介绍了如何从零开始制作一套符合个人或团队需求的论坛模板。本文档由杨欢主讲,详细解释了创建模板的基本步骤,并提供了关于XML...

Global site tag (gtag.js) - Google Analytics