Discuz!X1高级DIY:模板中添加可拖拽区域

Discuz!X1高级DIY:模板中添加可拖拽区域,第1张

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

一、在已经有可拖拽区域的模板中添加更多的可拖拽区域

在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');

网编辑整理,转载请注明出处。www.lIEhuo>.Net

总结

以上是内存溢出为你收集整理的Discuz!X1高级DIY:模板中添加可拖拽区域全部内容,希望文章能够帮你解决Discuz!X1高级DIY:模板中添加可拖拽区域所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/zz/1000086.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-21
下一篇 2022-05-21

发表评论

登录后才能评论

评论列表(0条)

保存