`

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!Xp风格for Discuz!2.0

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

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

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

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

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

    discuz地方门户简洁大方风格模板 v1.0

    安装说明注明:模板是GBK风格,无门户首页,本模板以将论坛首页制作成为门户首页风格1:将wanpin123_2014091801目录解压到discuz模板根目录template目录下2:进入后台进行风格安装-》更新缓存3:前台diy,按照diy的...

    discuz 风格模板 - NewsPlus 品味模板

    本模板从制作开始就几易其稿,为了做成有品位的模板,我每天都在完善模板和disucz功能的结合,从首页到论坛到频道页都是为了做到完美而不懈努力的在做美化方面的尝试!原来的首页做的很复杂,直到最终版首页的代码...

    DZ7.2 19楼蓝色风格定制版

    在界面→风格管理中导入“调用文件”中的discuz_style_锦尚中国_仿19楼蓝色风格.xml(再在界面-风格管理中将此风格设为默认)。上述操作完成后在工具中更新缓存。不要关闭后台。 2、把“论坛风格”中的所有数据用二...

    大海系列风格for Discuz!2.2f

    大海系列风格for Discuz!2.2f (1.蓝2.绿)=====NEWVC=====大海系列(蓝/绿)向日葵制作简单安装1.上传文件到相应目录2.新增模板————————————模板名称ocean字符集gb2312所在目录./templates/ocean————...

    新云科技宽屏图片宽屏动感图片discuz x3适用论坛模板风格.rar

    1、构思、列版、设计、出图、到制作,纯4A级别模板制作流程。(做最好的,是我们的项目愿景,脚踏实地的从头开始,从细节入手) 2、通过firefox,Chrome及IE6+浏览器测试兼容。(虽然采用div+css写代码,但在CSS ...

    discuz7.2 模板

    discuz7.2 模板,;里面是一个discuz制作的模板,分享下

    Discuz x3.2模板/Where 去哪儿旅游模板/完整版.rar

    Discuz x3.2模板/Where 去哪儿旅游模板/完整版全新设计简洁 时尚METRO 门户资讯社区型清新风格,模版设计页面包括,首页, 资讯页面,资讯内页,论坛首页,论坛列表页面,论坛内页,瀑布流页面等等。版经过为期一个...

    首页多格层叠插件(最优高速版)插件 for Discuz! 7.0 GBK.rar

    本首页多格层叠插件完全运用Discuz 7.0自身的数据调用制作而成,纯洁无污染,只需要在一个文件添加6行简短代码即可实现。 优点: 1)绿色环保,无须修改数据库,无须上传新文件,只须添加6行简短代码 2)100%基于...

    Discuz! X1.5 RC Release 20100901 GBK.rar

    [风格模板]重构 风格模板以及CSS,让风格制作更简易降低 页面数据输出量,提升页面渲染速度调整 各功能显示细节,增大提示信息的友好度改善 直接下载收费附件的用户体验改善 趋势统计功能用户体验改进改进 论坛提示...

    化龙巷discuz模板 v2014

    不仅如此,我们还配套设计制作了交友中心,个人简历,房屋出租,招聘求职四套分类信息,完合可以满足一个地方门户站的所有需求!模板是完整无错,绝对完整的,具体效果大家可查看演示图片最重要的是这套模板完全开源...

    睡死猪Discuz企业整站 v2014

    睡死猪Discuz企业整站+手机站(无功能限制上传即用)V2014此整站程序基于DiscuzX3.1二次开发成企业站点。安装方法与discuz完全相同。1.安装后登陆管理员帐号进入后台管理,然后...如需二次开发或者制作手机APP,请联系。

    睡死猪Discuz企业整站 v2014.zip

    睡死猪Discuz企业整站 手机站(无功能限制上传即用)V2014 此整站程序基于DiscuzX3.1二次开发成企业站点。安装方法与discuz完全相同。 1.安装后登陆管理员帐号进入后台管理,...如需二次开发或者制作手机APP,请联系。

    精仿魔客吧网站模板discuz模板_带VIP购买等多个插件

    本套模板采用全新的Discuz X3.2系统设计,模板采用css3以及html5特效制作,整站简洁大气上档次! 模板可以用来做素材或图片以及建站资源的下载网站,站长可以结合discuz的出售商品功能实现销售系统,也可以采用金币...

    UEHTML图片分享 GBK 带DIY包带2款配套插件+用户主页 价值500元 discuz.rar

    DIY文件:论坛首页导入:forum-discuz.xml,帖子内容页导入:forum-viewthread.xml 这是原来的两个DIV,好像没有幻灯版, 本站自已修改了一个DIV :论坛首页+自已添加的幻灯片+公告.xml 更新记录 - 2016.02.01更新...

    PHP168整站 v4.0 SP

    风格制作采用标签化,做风格非常方便,不懂程序也能做出门户站. 3.功能极其的强大完善,集成了采集器功能,文章栏目支持无限级分类,支持自定义风格与模板,可以由 <br/>栏目变成一个频道。 4.扩展性...

    dzx2.5 门户模板

    dz模板站 ... dz12.com长期免费为广大站长提供最新Discuz! 论坛风格、模板、插件、素材以及原创作品和网页制作教程,并提供一个稳定的交流平台! *本JS广告代码来自网络,如有侵权,敬请告知,以便删除!

    discuz 2.2Fsp1插件加强版

    首页默认不显示在线人员 首页快速登陆HACK 上載界面风格还要上传模版的问题 如何假冒Discuz! 3.1 去下划线+主题下陷效果+关闭贴增加删除线 评分自动发送PM通知 批量加精,置顶(单贴),删除...

Global site tag (gtag.js) - Google Analytics