日志
DIY高级技巧：模板中添加可拖拽区域
||
一、在已经有可拖拽区域的模板中添加更多的可拖拽区域
在Discuz! X1默认模板的大部分模板文件中已经内置了两到三个可拖拽区域，但是如果你觉得这些还不够，还需要添加更多的可拖拽区域怎么办？
打开你要添加可拖拽区域的模板文件，在要添加的位置加入如下代码：注释：[diy=diyid]中的diyid要与后面的DIV的id相同，同时要确保其在页面中唯一，即不能与页面已有元素ID相同。
二、在没有可拖拽区域的模板或新的模板页面中添加可拖拽区域
a)在模板文件中添加存放CSS代码的标签，代码如下：b)在模板文件中添加可拖拽区域注释：[diy=diyid]中的diyid要与后面的DIV的id相同，同时要确保其在页面中唯一，即不能与页面已有元素ID相同。
c)在程序代码（php文件中）加载可拖拽模板
以模板/template/default/home/testtpl.htm为例：
普通加载模板的方法为：DIY模板加载方法为：
在Discuz! X1默认模板的大部分模板文件中已经内置了两到三个可拖拽区域，但是如果你觉得这些还不够，还需要添加更多的可拖拽区域怎么办？
打开你要添加可拖拽区域的模板文件，在要添加的位置加入如下代码：
- <!--[diy=diyid]--><div id="diyid" class="area"></div><!--[/diy]-->
二、在没有可拖拽区域的模板或新的模板页面中添加可拖拽区域
a)在模板文件中添加存放CSS代码的标签，代码如下：
- <style id="diy_style" type="text/css"></style>
- <!--[diy=diyid]--><div id="diyid" class="area"></div><!--[/diy]-->
c)在程序代码（php文件中）加载可拖拽模板
以模板/template/default/home/testtpl.htm为例：
普通加载模板的方法为：
- template('home/testtpl');
- template('diy:home/testtpl');
