`
yeyuan
  • 浏览: 227415 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

[转]discuz X1.5 向模板中添加拖拽区

阅读更多
一、在已经有可拖拽区域的模板中添加更多的可拖拽区域
在Discuz! X1默认模板的大部分模板文件中已经内置了两到三个可拖拽区域,但是如果你觉得这些还不够,还需要添加更多的可拖拽区域怎么办?
      打开你要添加可拖拽区域的模板文件,在要添加的位置加入如下代码:
<!--[diy=diyid]--><div id="diyid" class="area"></div><!--[/diy]-->


注释:[diy=diyid]中的diyid要与后面的DIV的id相同,同时要确保其在页面中唯一,即不能与页面已有元素ID相同。

二、在没有可拖拽区域的模板或新的模板页面中添加可拖拽区域

a)在模板文件中添加存放CSS代码的标签,代码如下:
<style id="diy_style" type="text/css"></style>


b)在模板文件中添加可拖拽区域
<!--[diy=diyid]--><div id="diyid" class="area"></div><!--[/diy]-->


注释:[diy=diyid]中的diyid要与后面的DIV的id相同,同时要确保其在页面中唯一,即不能与页面已有元素ID相同。

c)在程序代码(php文件中)加载可拖拽模板
      以模板/template/default/home/testtpl.htm为例:
      普通加载模板的方法为:

template('home/testtpl');


DIY模板加载方法为:
template('diy:home/testtpl');


ps:我初看这个教程的时候,按照我的理解,尝试着做了下,我以为加了这段代码,就可以拖拽这个div块了,最后才明白,这些代码只是添加了一个可拖拽区域,添加好之后,可以在这个区域里添加框架,模块,而这些框架和模块可以移动。
故分享,警示后人
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics