Discuz!X1高級DIY：模板中添加可拖拽區域

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

在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

生活不易，碼農辛苦
如果您覺得本網站對您的學習有所幫助,可以手機掃描二維碼進行捐贈