零基础建站培训教程介绍

当前位置:

DISCUZ论坛模板开发步骤

DISCUZ论坛模板开发视频教程

DISCUZ论坛模板开发步骤

  1. themplate文件夹下新件一个文件夹,取名为moban
  2. 复制默认模板下的配置信息文件discuz_style_default.xml到moban下,这样DZ就可以识别这个模板了。
  3. 用记事本打开discuz_style_default.xml文件,将以下四项进行修改:
    
    
    <item id="name"><![CDATA[我的模板]]></item>
    <item id="templateid"><![CDATA[2]]></item>
    <item id="tplname"><![CDATA[我的模板套系]]></item>
    <item id="directory"><![CDATA[./template/moban]]></item>
    <item id="copyright"><![CDATA[学做网站论坛]]></item>
    <item id="version"><![CDATA[X3.1]]></item>//可以指定模板适合的版本
     dz01
  4. 需要配置一个图片存放文件夹,在moban下新建一个images文件夹并配置一下路径。template/moban/images 【后面不要 / 】 在制作过程中,在CSS中可以使用{STYLEIMGDIR}来代替这个路径,在模板文件中使用 $_G['style'][styleimgdir] 来代替路径。
  5. 建立调用的公共样式。在moban 文件夹下新建一个common文件夹下新建二个空间的CSS文件extend_common.css、extend_module.css。
  6. DISCUZ论坛模板开发时,将下载的文件夹重命名为images,里面的CSS文件位置不用动它。
  7. 将首页文件放到portal里面,然后使用本地环境打开,出现错位,需要修改一下图片及css的路径。修改index.htm中的图片的路径,从程序根目录读取的。template/awx/images/index.css。
  8. 剪切头部代码-----到head.htm中,使用调用代码调回来:
    
    
    <!--{template common/header}-->
  9. 剪切底部代码-----到foot.htm中,使用调用代码调回来:
    
    
    <!--{template common/footer}-->
  10. 头部的修改,使用DZ代码替换静态的代码。
  11. 发贴按钮【弹出选择栏目版块】:
    
    
    <a onclick="showWindow('nav', this.href, 'get', 0)" href="forum.php?mod=misc&action=nav"><img src="static/image/common/pn_post.png" alt="发新帖"></a>

相关教程:DZ模板制作视频

发表评论

零基础学建站就到学做网站论坛