DIY高级技巧：模板中添加可拖拽区域

bilicen · 发表于 2010-5-27 10:49:03

本帖最后由 bilicen 于 2010-5-27 10:55 编辑

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

在Discuz! X1默认模板的大部分模板文件中已经内置了两到三个可拖拽区域，但是如果你觉得这些还不够，还需要添加更多的可拖拽区域怎么办？
打开你要添加可拖拽区域的模板文件，在要添加的位置加入如下代码：

<div id="diyid" class="area"></div>

复制代码

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

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

a)在模板文件中添加存放CSS代码的标签，代码如下：

<style id="diy_style" type="text/css"></style>

复制代码

b)在模板文件中添加可拖拽区域

<div id="diyid" class="area"></div>

复制代码

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

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

template('home/testtpl');

复制代码

DIY模板加载方法为：

template('diy:home/testtpl');

复制代码

指间流沙 · 发表于 2010-5-27 10:49:53

沙发支持一下

指间流沙 · 发表于 2010-5-27 10:50:29

这个是一直在期待的修改，

邵山杰 · 发表于 2010-5-27 10:51:16

dglg · 发表于 2010-5-27 10:51:31

支持支持！！

283545944 · 发表于 2010-5-27 10:52:10

foolant · 发表于 2010-5-27 10:52:45

恩.貌似可以搞定论坛帖子阅读页面的diy.

283465905 · 发表于 2010-5-27 10:52:53

学习。。。。。。

购铺商城 · 发表于 2010-5-27 10:54:05

http://www.131452.com 强烈支持X1

mogi365 · 发表于 2010-5-27 10:58:20

收藏了，谢谢。。。

		自动登录	找回密码
密码			立即注册

DIY高级技巧：模板中添加可拖拽区域

评分