DiscuzX模版开发.ppt

Discuz! X 模板开发教程 主讲人: 杨欢 * api/ 外部接口文件夹 archiver/ 论坛静态化文件夹 config/ 站点配置文件夹 data/ 数据缓存及附件文件夹 install/ 安装文件夹 source/ 主目录文件夹 static/ 静态文件夹 template/ 模板文件夹 attachment ┄┄┄上传的文件目录 album ┄┄┄相册专用 block ┄┄┄DIY专用 common ┄┄┄公共上传 forum ┄┄┄论坛附件专用 group ┄┄┄群组图标和头部图片专用 portal ┄┄┄门户上传文件专用 profile ┄┄┄个人资料专用 temp ┄┄┄临时文件 avatar ┄┄┄视频认证专用 backup ┄┄┄站点数据备份 cache ┄┄┄数据缓存 diy ┄┄┄DIY模块缓存 ipdata ┄┄┄Discuz!IP库 log ┄┄┄站点日志，前/后台管理日志、错误日志等 plugindata ┄┄┄插件缓存数据 template ┄┄┄模板缓存目录 threadcache ┄┄┄帖子缓存 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 ┄┄┄插件目录 image ┄┄┄界面图片 js ┄┄┄站点JS脚本 space ┄┄┄空间皮肤 topic ┄┄┄门户皮肤  1.公共部分的模板文件夹common/ 2.论坛部分的模板文件夹froum/ 3.群组模板文件夹group/ 4.空间家园模板文件夹home / 5.会员模块模板文件夹member/ 6.手机版模板文件夹mobile/ 7.首页模板文件夹portal/ 8.排行榜模板文件夹 ranklist/ 9.搜索结果展示模板文件夹 search/ 10.扩展配色模板文版文件 style/ 11.会员应用模块模板文件夹userapp/ 12.discuz_style_default.xml模板套系初始化配置文件。 模板嵌套 !--{subtemplate common/header}-- 变量输出 {$my_var} 条件判断 !--{if $my_var}-- 任意html语句 !--{/if}-- 循环输出 !--{loop $my_arr $key $val}-- 循环输出的HTML语句 !--{/loop}-- 插件钩子 !--{hook/index_top}-- PHP解析 !--{eval $my_var = 1;}-- 语言包使用 {lang index_yesterday} 广告的嵌入点 !--{ad/headerbanner/wp a_h}-- diy部分区域代码 !--[diy=diy1]--div id=diy1 class=area/div!--[/diy]-- * * 属性写在一行内，属性之间、属性名和值之间以及属性与“{}”之间须有空格，例如：.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 !