Discuz!X 模板中添加可拖拽区域

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

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

相关文章:

1、出生地增加第三级县市和第四级乡镇 for discuz!x 1.5
https://www.onexin.net/discuz/hometown-increase-in-third-level-and-fourth-class-county-town-for-discuz-x-1-5/

2、Discuz!X同步好友到漫游应用
https://www.onexin.net/discuz/discuz-x-sync-friends-to-roaming-applications/

3、DISCUZ!X 2.5上传图片后缩略图无水印
https://www.onexin.net/discuz/discuz-x-2-5-upload-picture-thumbnail-no-watermark/

4、Discuz!X站内开启视频播放代码
https://www.onexin.net/discuz/discuz-x-stations-open-video-player-code/

5、Discuz!X 2.5升级前与升级后(笔记)
https://www.onexin.net/discuz/discuz-x-2-5-upgrade-before-and-after-the-upgrade-notes/

转载请注明出处:https://www.onexin.net/discuz/discuz-x-template-can-drag-the-region-to-add/

Leave a Reply

Your email address will not be published. Required fields are marked *