DiscuzX模版开发.ppt

Discuz! X 模板开发教程,主讲人: 杨欢,2019/4/3,api/ 外部接口文件夹 archiver/ 论坛静态化文件夹 config/ 站点配置文件夹 data/ 数据缓存及附件文件夹 install/ 安装文件夹 source/ 主目录文件夹 static/ 静态文件夹 template/ 模板文件夹,admincp 后台程序 archiver 论坛静态化功能代码 class 类文件目录 adv 站点广告功能 block DIY模块功能文件 cache 缓存类 magic 道具 secqaa 验证问答 task 站点任务功能 function 函数文件 cache 缓存功能拆分目录 include 被包含的文件 language 站点语言包 module 功能模块 connect 腾讯互联 forum 论坛 group 群组 home 家园 member 登录注册 misc 杂项 portal 门户 search 搜索 userapp 应用 plugin 插件目录,模板嵌套 变量输出 $my_var 条件判断 任意html语句 循环输出 循环输出的HTML语句 插件钩子 PHP解析 语言包使用 lang index_yesterday 广告的嵌入点 diy部分区域代码 ,2019/4/3,2019/4/3,属性写在一行内，属性之间、属性名和值之间以及属性与“”之间须有空格，例如：.class width: 400px; height: 300px; 属性的书写顺序： 谨慎添加新的选择符规则，尤其不可滥用 id，尽可能继承和复用已有样式 选择符、属性、值均用小写（格式的颜色值除外），缩写的选择符名称须说明缩写前的全称，例如 .cl - Clearfix 勿使用冗余低效的 CSS 写法，例如：ul li a span . 慎用 !important,左浮动、右浮动 .z float: left; .y float: right; 因为左右浮动造成的父级浮动溢出，及使用方法 .cl:after content: “.“; display: block; height: 0; clear: both; visibility: hidden; .cl zoom: 1; 去除背景 .bg0_c background-color: transparent !important; 外边距样式 .mtm margin-top: 10px !important; .mbm margin-bottom: 10px !important; 内边距样式 .ptm padding-top: 10px !important; .pbm padding-bottom: 10px !important; ,所有 IE浏览器适用： .ie_all .foo . IE6 专用： .ie6 .foo . IE7 专用： .ie7 .foo . IE8 专用： .ie8 .foo . ,2019/4/3,forum.php,Source/module/forum_index.php,include template(diy:forum/discuz:.$gid);,Data/template/id_diy_forum_discuz.tpl.php,2019/4/3,指定扩展风格的名称 例如：默认风格。 指定初始化 templateid, 注意不要和现有安装风格的id相同。 指定扩展风格套系名称 指定扩展风格所在文件夹,首先在 template/ 文件夹下新建一个 yourstyle 文件夹放置模板风格文件中。 然后复制 default 下的 discuz_style_default.xml, 重命名为 discuz_style_ 你的风格名称.xml(注意这里 discuz_style_ 是必须保留的)。这个文件配置的是下图中后台风格管理中配置的变量内容。,在youstyle 文件夹下新建 common 文件夹。将defaulte/common 下的 header.htm 文件复制到 youstyle/common 文件夹下, 也就是说在应用这套模板后, 由于它只对应默认模板 default 下面的 common/header.htm, 所以应用此套模板后只能读到 header.htm 头部模板文件, 而其他的如果没有全部自动调用 template/default 下的模板文件。,DIY 模式入口 DIY拖拽框架及数据 DIY 的模块中如何调整链接的颜色 如何在现有的模块中添加新的数据 DIY 时如何调用外部程序的数据 首页多格或首页四格如何 DIY 出来